Update styles VisualComposer#328

* Increase a top spacing for the message under font-family select * Apply native WP styles for both buttons in popup
dmytro-kovalov · Jul 11, 2022 · 060cf82 · 060cf82
1 parent f19df67
commit 060cf82
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/css/customizer-custom.css b/css/customizer-custom.css
@@ -6,6 +6,10 @@
     display: none !important;
 }
 
+.vct-message {
+    margin-top: 5px;
+}
+
 .vct-popup {
     background-color: rgba(0,0,0, .4);
     position: fixed;

diff --git a/inc/customizer/class-visualcomposerstarter-customizer.php b/inc/customizer/class-visualcomposerstarter-customizer.php
@@ -3065,8 +3065,8 @@ public function print_popup_template() {
 					); ?>
 				</p>
 				<div class="vct-popup-buttons">
-					<button id="vct-popup-accept-button"><?php esc_html_e( 'Download & Publish', 'visual-composer-starter' ); ?></button>
-					<button id="vct-popup-cancel-button"><?php esc_html_e( 'Revert & Publish', 'visual-composer-starter' ); ?></button>
+					<button id="vct-popup-accept-button" class="button button-primary"><?php esc_html_e( 'Download & Publish', 'visual-composer-starter' ); ?></button>
+					<button id="vct-popup-cancel-button" class="button button-primary"><?php esc_html_e( 'Revert & Publish', 'visual-composer-starter' ); ?></button>
 				</div>
 			</div>
 		</div>

diff --git a/inc/customizer/controls/class-visualcomposerstarter-google-fonts-control.php b/inc/customizer/controls/class-visualcomposerstarter-google-fonts-control.php
@@ -80,7 +80,7 @@ protected function render_content() {
 			endforeach;
 			?>
 		</select>
-		<span id="<?php echo esc_attr( $message_id ); ?>" class="description customize-control-description" style="display: none;">
+		<span id="<?php echo esc_attr( $message_id ); ?>" class="vct-message description customize-control-description" style="display: none;">
 			<?php echo wp_kses(
 				__(
 					'To see the typography preview you need to <a href="#" data-vct-download-font="true">download</a> this font family locally',