Fix: Create logo Style & polish (#227)

* few comments * Tested up to 5.6 * remove duplicate * add utilities scss * Post Password Form Submit button alignment When a post is password-protected, the Post Password Form Submit button isn't aligned properly. * Update Changelog * Move Hello Theme Header & Footer experiment to stable status * Changelog * Build * Add ref to changelog * Aligned page title to the header and footer * Internal: Add accessibility-ready tag * Tweak: Remove unused image file * Internal: update text & links * Internal: fix URL * Tweak: Mark the header footer tab in the customizer * Fix: Remove override the default width * Changelog * Tweak: Add theme_support for `script` and `style` to avoid validation warnings (#184) * A different way to align title * changelog * Tweak: Add output escaping, fixed: #194 * Tweak: Added Skip to Content link to dynamic or template header * Changelog * Update header.php * Changelog * changelog * changelog * Update release date * Update date release * Internal: New screenshot * Fix: Tables with various colors looks weird (#126) * Changelog * Fix table colors * Changelog * Change text * Update customizer-functions.php * Fix: Create logo Style & polish Co-authored-by: Roman <[email protected]> Co-authored-by: Yakir Sitbon <[email protected]>
elementor · Sep 8, 2022 · c5c8307 · c5c8307
1 parent ff691c0
commit c5c8307
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/assets/scss/customizer.scss b/assets/scss/customizer.scss
@@ -37,3 +37,22 @@
 		margin: .1em 0 1.3em;
 	}
 }
+
+.create-logo-desc {
+	margin-top: 10px;
+	padding: 10px;
+	background: white;
+	font-style: italic;
+
+	+ .actions {
+		background: white;
+		padding: 0 10px 10px;
+		margin-bottom: 15px;
+
+		.button {
+			margin-top: 0;
+			width: 100%;
+			text-align: center;
+		}
+	}
+}
diff --git a/includes/customizer-functions.php b/includes/customizer-functions.php
@@ -65,9 +65,9 @@ function hello_customizer_custom_logo_button() {
 	<script>
 		jQuery( function( $ ) {
 			function insertLogoButton( elementId ) {
-				var button = $( '<a class="button create-logo-button" target="_blank" href="https://go.elementor.com/hello-theme-logo-maker/" />' )
+				var button = $( '<a class="button button-primary create-logo-button" target="_blank" href="https://go.elementor.com/hello-theme-logo-maker/" />' )
 					.text( '<?php echo esc_attr__( 'Create a Logo in Minutes', 'hello-elementor' ); ?>' ),
-					description = $( '<span />' )
+					description = $( '<div class="create-logo-desc" />' )
 						.text( '<?php echo esc_html__( 'Add a logo to display on your website. Don\'t have one yet? Create a professional logo with Fiverr\'s logo maker.', 'hello-elementor' ); ?>' );
 
 				setTimeout( function() {