* Author URI: https://www.boldgrid.com/
* Text Domain: bgtfw
diff --git a/src/includes/class-boldgrid-framework-api.php b/src/includes/class-boldgrid-framework-api.php
index 366845a13..6ef900109 100644
--- a/src/includes/class-boldgrid-framework-api.php
+++ b/src/includes/class-boldgrid-framework-api.php
@@ -108,8 +108,9 @@ public function site_logo_or_title() {
*/
public function print_tagline() {
// Retrieve blog tagline.
- $blog_info = get_bloginfo( 'description' );
- $display = get_theme_mod( 'bgtfw_tagline_display' ) === 'hide' ? ' screen-reader-text' : '';
+ $blog_info = get_bloginfo( 'description' );
+ $display = get_theme_mod( 'bgtfw_tagline_display' ) === 'hide' ? ' screen-reader-text' : '';
+ $aria_hidden = ! in_array( 'description', get_theme_mod( 'bgtfw_header_preset_branding' ) ) ? 'true' : 'false';
if ( $blog_info ) {
$classes = $this->configs['template']['tagline-classes'] . $display;
@@ -117,7 +118,12 @@ public function print_tagline() {
$classes = $this->configs['template']['tagline-classes'] . ' site-description invisible';
}
- printf( wp_kses_post( $this->configs['template']['tagline'] ), esc_attr( $classes ), esc_html( $blog_info ) );
+ printf(
+ '%3$s
',
+ esc_attr( $classes ),
+ esc_attr( $aria_hidden ),
+ esc_html( $blog_info )
+ );
}
/**
@@ -365,7 +371,7 @@ public function inner_footer_classes( $classes ) {
$classes = array_merge(
$classes,
$this->get_background_color( 'bgtfw_footer_color' ),
- $this->get_link_color( 'bgtfw_footer_links' )
+ $this->get_link_color( 'bgtfw_footer_link_color' )
);
}
diff --git a/src/includes/class-boldgrid-framework-compile-colors.php b/src/includes/class-boldgrid-framework-compile-colors.php
index 718b11f99..23d9ac83f 100644
--- a/src/includes/class-boldgrid-framework-compile-colors.php
+++ b/src/includes/class-boldgrid-framework-compile-colors.php
@@ -172,9 +172,189 @@ public function get_scss_variables() {
$color_variables['ubtn-font-color'] = '$text-contrast-' . get_theme_mod( 'boldgrid_palette_class', 'palette-primary' ) . '_' . $this->get_button_default_color() . ';';
$color_variables['ubtn-theme-color'] = get_theme_mod( 'boldgrid_palette_class', 'palette-primary' ) . '_' . $this->get_button_default_color() . ';';
}
+
return $color_variables;
}
+ /**
+ * Generate SCSS variables for Hover Colors.
+ *
+ * @since 2.20.0
+ *
+ * @param array $formatted_palette Array of formatted palette colors.
+ * @param string $text_color_name Property to generate hover colors for.
+ * @param string $text_color_value Value of color.
+ *
+ * @return string $scss_variables SCSS variables for hover colors.
+ */
+ public function generate_hover_variables( $formatted_palette, $text_color_name, $text_color_value ) {
+ $hover_variables = '';
+ $text_index = str_replace( 'color-', '', $text_color_name );
+ $text_rgba_array = $this->get_rgb_array( $text_color_value );
+ $light_hsla_array = $this->rgba_to_hsla( $text_rgba_array, 10 );
+ $lighter_hsla_array = $this->rgba_to_hsla( $text_rgba_array, 20 );
+ $dark_hsla_array = $this->rgba_to_hsla( $text_rgba_array, -10 );
+ $darker_hsla_array = $this->rgba_to_hsla( $text_rgba_array, -20 );
+
+ foreach ( $formatted_palette as $bg_color_name => $bg_color_value ) {
+ $bg_index = str_replace( 'color-', '', $bg_color_name );
+ $hover_color = $this->get_hover_color(
+ $this->normalize( $bg_color_value ),
+ $this->normalize( $text_color_value )
+ );
+ $hover_variables .= "--bg-$bg_index-text-$text_index-hover: $hover_color;";
+ }
+
+ return $hover_variables;
+ }
+
+ /**
+ * Get the hover color for a given background and text color.
+ *
+ * All the logic for determining the hover color was
+ * derived from the SCSS functions defined prior to the
+ * 2.2.0 release in the following file:
+ *
+ * src/assets/scss/custom-color/color-palettes.scss
+ *
+ * @since 2.20.0
+ *
+ * @param string $bg_color_value Background color value.
+ * @param string $text_color_value Text color value.
+ *
+ * @return string $hover_color Hover color.
+ */
+ public function get_hover_color( $bg_color_value, $text_color_value ) {
+ $text_lightness = intval( $this->get_luminance( $text_color_value ) );
+ $bg_lightness = intval( $this->get_luminance( $bg_color_value ) );
+ $bg_rgb_array = $this->get_rgb_array( $bg_color_value );
+ $text_rgb_array = $this->get_rgb_array( $text_color_value );
+
+ if ( 100 === $text_lightness ) {
+ // White text.
+ if ( 90 <= $bg_lightness ) {
+ // Light background.
+ $hover_color = $this->hsla_array_to_string(
+ $this->rgba_to_hsla( $bg_rgb_array, -15 )
+ );
+ } else {
+ // Dark background.
+ $hover_color = $this->rgba_array_to_string(
+ $this->mix_rbg_colors( $text_rgb_array, $bg_rgb_array, 0.8 )
+ );
+ }
+ } elseif ( 0 === $text_lightness ) {
+ // Black text.
+ if ( 10 > $bg_lightness ) {
+ // Dark background.
+ $hover_color = $this->hsla_array_to_string(
+ $this->rgba_to_hsla( $bg_rgb_array, 20 )
+ );
+ } else {
+ // Light background.
+ $hover_color = $this->rgba_array_to_string(
+ $this->mix_rbg_colors( $text_rgb_array, $bg_rgb_array, 0.6 )
+ );
+ }
+ } elseif ( $bg_lightness < $text_lightness ) {
+ // Light text on dark background.
+ if ( 90 < $text_lightness ) {
+ // Color to light to lighten.
+ $hover_color = $this->hsla_array_to_string(
+ $this->rgba_to_hsla( $text_rgb_array, -20 )
+ );
+ } else {
+ // Dark background.
+ $hover_color = $this->hsla_array_to_string(
+ $this->rgba_to_hsla( $text_rgb_array, 20 )
+ );
+ }
+ } else {
+ // Dark text on light background.
+ if ( 15 > $text_lightness ) {
+ // Color is too dark to darken.
+ $hover_color = $this->hsla_array_to_string(
+ $this->rgba_to_hsla( $text_rgb_array, 20 )
+ );
+ } else {
+ $hover_color = $this->hsla_array_to_string(
+ $this->rgba_to_hsla( $text_rgb_array, -20 )
+ );
+ }
+ }
+
+ return $hover_color;
+ }
+
+ /**
+ * RGBA array to string.
+ *
+ * Convert an RGBA array to a formatted string.
+ *
+ * @since 2.20.0
+ *
+ * @param array $rgba_array RGBA array.
+ *
+ * @return string $rgba_string RGBA string.
+ */
+ public function rgba_array_to_string( $rgba_array ) {
+ $r = $rgba_array[0];
+ $g = $rgba_array[1];
+ $b = $rgba_array[2];
+ $a = isset( $rgba_array[3] ) ? $rgba_array[3] : 1;
+
+ $rgba_string = 'rgba(' . $r . ',' . $g . ',' . $b . ',' . $a . ')';
+ return $rgba_string;
+ }
+
+ /**
+ * HSLA array to string.
+ *
+ * Convert an HSLA array to a formatted string.
+ *
+ * @since 2.20.0
+ *
+ * @param array $hsla_array HSLA array.
+ *
+ * @return string $hsla_string HSLA string.
+ */
+ public function hsla_array_to_string( $hsla_array ) {
+ $h = $hsla_array[0];
+ $s = $hsla_array[1];
+ $l = $hsla_array[2];
+ $a = isset( $hsla_array[3] ) ? $hsla_array[3] : 1;
+
+ $hsla_string = 'hsla(' . $h . ',' . $s . ',' . $l . ',' . $a . ')';
+ return $hsla_string;
+ }
+
+ /**
+ * Mix Two RGB Colors.
+ *
+ * @since 2.20.0
+ *
+ * @param array $color_1 RGB Color 1.
+ * @param array $color_2 RGB Color 2.
+ * @param float $weight Mix Weight.
+ *
+ * @return array $mixed_color Mixed Color.
+ */
+ public function mix_rbg_colors( $color_1 = array( 0, 0, 0 ), $color_2 = array( 0, 0, 0 ), $weight = 0.5 ) {
+ $f = function ( $x ) use ( $weight ) {
+ return $weight * $x;
+ };
+
+ $g = function ( $x ) use ( $weight ) {
+ return ( 1 - $weight ) * $x;
+ };
+
+ $h = function ( $x, $y ) {
+ return round( $x + $y );
+ };
+
+ return array_map( $h, array_map( $f, $color_1 ), array_map( $g, $color_2 ) );
+ }
+
/**
* Converts a hex color into an array of RGB.
*
@@ -334,7 +514,7 @@ public function get_button_default_color() {
*/
public function get_button_color_files( $files ) {
$s = $this->configs['components']['buttons']['variables'];
- $path = $this->configs['customizer-options']['colors']['settings']['scss_directory']['framework_dir'] . '/buttons/';
+ $path = $this->configs['framework']['asset_dir'] . 'scss/custom-color/buttons/';
$configs = array();
// Build an array of button-classes that are needed.
if ( ! empty( $s['button-primary-classes'] ) ) {
@@ -424,6 +604,82 @@ public function normalize( $color ) {
return $normalized;
}
+ /**
+ * Get RGB(A) Array from rgb or rgba string.
+ *
+ * Returns an array of R,G,B,A values from a string.
+ *
+ * @since 2.20.0
+ */
+ public function get_rgb_array( $color ) {
+ $rgba_string = $this->normalize( $color );
+ $rgba_string = str_replace( 'rgba(', '', $rgba_string );
+ $rgba_string = str_replace( ')', '', $rgba_string );
+
+ $rgba = explode( ',', $rgba_string );
+ return $rgba;
+ }
+
+ /**
+ * Convert RGBA to HSLA.
+ *
+ * @since 2.20.0
+ *
+ * @param array $rgba_array Array of RGBA values.
+ * @param int $luminosity_adjust Luminosity to adjust (optional).
+ *
+ * @return array $hsla_array HSLA array.
+ */
+ public function rgba_to_hsla( $rgba_array, $luminosity_adjust = 0 ) {
+ $r = intval( $rgba_array[0] );
+ $g = intval( $rgba_array[1] );
+ $b = intval( $rgba_array[2] );
+ $a = isset( $rgba_array[3] ) ? intval( $rgba_array[3] ) : 1;
+
+ $r /= 255;
+ $g /= 255;
+ $b /= 255;
+
+ $max = max( $r, $g, $b );
+ $min = min( $r, $g, $b );
+
+ $h;
+ $s;
+ $l = ( $max + $min ) / 2;
+ $d = $max - $min;
+
+ // If difference is 0, then it's a shade of grey.
+ if ( 0 == $d ) {
+ $h = 0;
+ $s = 0;
+ } else {
+ $s = $d / ( 1 - abs( 2 * $l - 1 ) );
+ switch ( $max ) {
+ case $r:
+ $h = 60 * fmod( ( ( $g - $b ) / $d ), 6 );
+ if ( $b > $g ) {
+ $h += 360;
+ }
+ break;
+
+ case $g:
+ $h = 60 * ( ( $b - $r ) / $d + 2 );
+ break;
+
+ case $b:
+ $h = 60 * ( ( $r - $g ) / $d + 4 );
+ break;
+ }
+ }
+
+ return array(
+ round( $h, 2 ),
+ round( $s, 2 ) * 100 . '%',
+ ( round( $l, 2 ) * 100 ) + $luminosity_adjust . '%',
+ $a,
+ );
+ }
+
/**
* Get color class associated with a color passed in.
*
diff --git a/src/includes/class-boldgrid-framework-links.php b/src/includes/class-boldgrid-framework-links.php
index 84d677ff6..084fd4e4a 100644
--- a/src/includes/class-boldgrid-framework-links.php
+++ b/src/includes/class-boldgrid-framework-links.php
@@ -51,11 +51,20 @@ public function __construct( $configs ) {
'.custom-sub-menu a:not(.btn)',
'.page-header-wrapper a:not(.btn)',
'.mce-content-body *:not( .menu-item ) > a:not(.btn)',
- '.template-header a:not(.btn)',
+ '.template-header *:not( .menu-item ) > a:not(.btn)',
'.template-footer a:not(.btn)',
'.template-sticky-header a:not(.btn)',
);
+ /**
+ * Footer Link Selectors.
+ *
+ * @var array
+ */
+ public static $footer_link_selectors = array(
+ '#colophon .bgtfw-footer.footer-content .attribution-theme-mods > .link > a:not( .btn )',
+ );
+
/**
* Selectors to use for edit vars.
*
@@ -162,8 +171,19 @@ public function get_styles( $prefix ) {
}
if ( 'bgtfw_body' === $prefix ) {
- $footer_link_color = explode( ':', get_theme_mod( 'bgtfw_footer_links' ) )[1];
- $footer_ari_color = ariColor::newColor( $color );
+ /**
+ * The footer link theme mod name was changed from
+ * 'bgtfw_footer_links' to 'bgtfw_footer_link_color' in
+ * 2.20.0, so we need to check for both to ensure backwards compatibility.
+ */
+ $footer_link_color = explode(
+ ':',
+ get_theme_mod(
+ 'bgtfw_footer_link_color',
+ get_theme_mod( 'bgtfw_footer_links' )
+ )
+ )[1];
+ $footer_ari_color = ariColor::newColor( $footer_link_color );
$footer_color_hover = get_theme_mod( "${prefix}_link_color_hover" ) ?: 0;
$footer_lightness = min( $footer_ari_color->lightness + $footer_color_hover, 100 );
$footer_lightness = max( $footer_lightness, 0 );
@@ -180,8 +200,8 @@ public function get_styles( $prefix ) {
$css .= ".sidebar.color-${sidebar_color_class}-link-color a:not( .btn ):hover, .sidebar.color-${sidebar_color_class}-link-color a:not( .btn ):focus { color: ${sidebar_color_hover} !important; }";
}
- $css .= "#colophon .bgtfw-footer.footer-content *:not( .menu-item ) > a:not( .btn ) { text-decoration: ${decoration};}";
- $css .= "#colophon .bgtfw-footer.footer-content *:not( .menu-item ) > a:not( .btn ):hover, .bgtfw-footer.footer-content *:not( .menu-item ) > a:not( .btn ):focus {color: ${footer_color_hover};text-decoration: ${decoration_hover};}";
+ $css .= "#colophon .bgtfw-footer.footer-content .attribution-theme-mods > .link > a:not( .btn ) { text-decoration: ${decoration};}";
+ $css .= "#colophon .bgtfw-footer.footer-content .attribution-theme-mods > .link > a:not( .btn ):hover, .bgtfw-footer.footer-content .attribution-theme-mods > .link > a:not( .btn ):focus {color: ${footer_color_hover};text-decoration: ${decoration_hover};}";
}
}
}
diff --git a/src/includes/class-boldgrid-framework-styles.php b/src/includes/class-boldgrid-framework-styles.php
index 7acb485bb..cbeb138ad 100644
--- a/src/includes/class-boldgrid-framework-styles.php
+++ b/src/includes/class-boldgrid-framework-styles.php
@@ -303,20 +303,13 @@ public function enqueue_colors( $deps = array() ) {
$inline_override = true === $this->configs['framework']['inline_styles'];
$is_changeset = ! empty( $_REQUEST['customize_changeset_uuid'] ) && ! is_customize_preview();
- if ( $inline_override || $is_changeset || is_customize_preview() ) {
- wp_register_style( $handle, false );
- wp_enqueue_style( $handle );
- $css = get_theme_mod( 'boldgrid_compiled_css', '' );
- wp_add_inline_style( $handle, $css );
- } else {
- wp_register_style(
- $handle,
- Boldgrid_Framework_Customizer_Colors::get_colors_uri( $this->configs ),
- $deps,
- $last_mod
- );
- wp_enqueue_style( $handle );
- }
+ wp_register_style(
+ $handle,
+ Boldgrid_Framework_Customizer_Colors::get_colors_uri( $this->configs ),
+ $deps,
+ $last_mod
+ );
+ wp_enqueue_style( $handle );
}
if ( true === $this->configs['edit-post-links']['enabled'] ) {
@@ -618,15 +611,35 @@ public function get_css_vars( $inline_css = '' ) {
$inline_css .= "--light-text:{$light};";
$inline_css .= "--dark-text:{$dark};";
$additional_css = '';
+
foreach ( $formatted_palette as $property => $value ) {
+ $value_rgba_array = $helper->get_rgb_array( $value );
+ $light_hsla_array = $helper->rgba_to_hsla( $value_rgba_array, 10 );
+ $lighter_hsla_array = $helper->rgba_to_hsla( $value_rgba_array, 20 );
+ $dark_hsla_array = $helper->rgba_to_hsla( $value_rgba_array, -10 );
+ $darker_hsla_array = $helper->rgba_to_hsla( $value_rgba_array, -20 );
+
+ $value_raw = str_replace( array( 'rgb(', ')' ), array( '', '' ), $value );
+ $value_light = 'hsla(' . implode( ',', $light_hsla_array ) . ')';
+ $value_lighter = 'hsla(' . implode( ',', $lighter_hsla_array ) . ')';
+ $value_dark = 'hsla(' . implode( ',', $dark_hsla_array ) . ')';
+ $value_darker = 'hsla(' . implode( ',', $darker_hsla_array ) . ')';
$contrast_color = $helper->get_luminance( $value );
- $lightness = abs( $contrast_color - $helper->get_luminance( $light ) );
- $darkness = abs( $contrast_color - $helper->get_luminance( $dark ) );
+ $lightness = abs( $contrast_color - $helper->get_luminance( $light ) );
+ $darkness = abs( $contrast_color - $helper->get_luminance( $dark ) );
$contrast_color = $lightness > $darkness ? 'light' : 'dark';
$contrast_color = "var(--{$contrast_color}-text)";
$inline_css .= "--{$property}:{$value};";
+ $inline_css .= "--{$property}-light:{$value_light};";
+ $inline_css .= "--{$property}-lighter:{$value_lighter};";
+ $inline_css .= "--{$property}-dark:{$value_dark};";
+ $inline_css .= "--{$property}-darker:{$value_darker};";
+ $inline_css .= "--{$property}-raw:{$value_raw};";
$inline_css .= "--{$property}-text-contrast:{$contrast_color};";
+
+ $inline_css .= $helper->generate_hover_variables( $formatted_palette, $property, $value );
+
$property2 = str_replace( '-', '', $property );
$additional_css .= ".{$property}-text-default, .{$property2}-text-default{color: var(--{$property}-text-contrast);}";
$additional_css .= ".{$property}-text-contrast, .{$property2}-text-contrast, .{$property}-text-contrast-hover:hover, .{$property2}-text-contrast-hover:hover, .{$property}-text-contrast-hover:focus, .{$property2}-text-contrast-hover:focus { color: var(--{$property}-text-contrast) !important;}";
diff --git a/src/includes/configs/customizer-options/colors.config.php b/src/includes/configs/customizer-options/colors.config.php
index 249e5434c..71743e3c4 100644
--- a/src/includes/configs/customizer-options/colors.config.php
+++ b/src/includes/configs/customizer-options/colors.config.php
@@ -18,12 +18,6 @@
'light_text' => '#ffffff',
'dark_text' => '#4d4d4d',
'settings' => array(
- // Directory that contains SCSS files to be compiled.
- 'scss_directory' => array(
- 'framework_dir' => $bgtfw_configs['framework']['asset_dir'] . 'scss/custom-color',
- 'default' => '/inc/boldgrid-theme-framework-config/scss',
- ),
-
// After the helper compiles the css, where should the css be stored?
'output_css_name' => $bgtfw_configs['framework']['config_directory']['template'] . '/css/color-palettes.css',
diff --git a/src/includes/configs/customizer/controls/dropdown.controls.php b/src/includes/configs/customizer/controls/dropdown.controls.php
index 53dd901cb..7ec98d0d7 100644
--- a/src/includes/configs/customizer/controls/dropdown.controls.php
+++ b/src/includes/configs/customizer/controls/dropdown.controls.php
@@ -395,24 +395,24 @@
'bgtfw_dropdown_footer_colors' => array(
'type' => 'bgtfw-dropdown-menu',
'transport' => 'postMessage',
- 'label' => __( 'Background', 'crio' ),
- 'active_label' => __( 'Footer Background', 'crio' ),
+ 'label' => __( 'Link Color', 'crio' ),
+ 'active_label' => __( 'Footer Links', 'crio' ),
'default' => false,
'settings' => 'bgtfw_dropdown_footer_colors',
'section' => 'bgtfw_footer_colors',
'priority' => -1,
- 'help_label' => __( 'Tip - Changing Backgrounds', 'crio' ),
+ 'help_label' => __( 'Tip - Footer Link Colors', 'crio' ),
'help_text' => sprintf(
- /* translators: %1$s = site name, %2$s = site tagline */
__(
- 'After changing your Footer Colors, you may need to adjust your %2$sWidget%1$s colors. If you don’t see the color you want to use, please update your %3$sColor Palette%1$s. You may also want to change the %4$sFooter Design%1$s or %5$sSite Background%1$s.',
+ /* translators: %1$s = closing anchor, %2$s = Widgets link tags, %3$s = Menu link tags */
+ 'The color of the links in your footer depend on their location inside your footer.
+ Attribution links can be changed here, however if the links are inside of a widget,
+ you will have to change them in the %2$sWidget%1$s panel. If the links are inside a menu, you will have to change them in the %3$sMenu%1$s panel.',
'crio'
),
'',
'',
- '',
- '',
- ''
+ '',
),
'additional_controls' => array(
array(
@@ -421,29 +421,19 @@
'focus_id' => 'widgets',
),
array(
- 'label' => __( 'Color Palette', 'crio' ),
- 'focus_type' => 'section',
- 'focus_id' => 'colors',
- ),
- array(
- 'label' => __( 'Header Background', 'crio' ),
- 'focus_type' => 'section',
- 'focus_id' => 'header_image',
- ),
- array(
- 'label' => __( 'Site Background', 'crio' ),
- 'focus_type' => 'section',
- 'focus_id' => 'background_image',
+ 'label' => __( 'Menu Design', 'crio' ),
+ 'focus_type' => 'panel',
+ 'focus_id' => 'bgtfw_menus_panel',
),
),
'faq_links' => array(
array(
- 'label' => __( 'Change the Site Background', 'crio' ),
- 'url' => esc_url( 'https://www.boldgrid.com/support/boldgrid-crio-supertheme-product-guide/changing-your-site-background-in-boldgrid-crio/' ),
+ 'label' => __( 'Working With Widgets', 'crio' ),
+ 'url' => esc_url( 'https://www.boldgrid.com/support/boldgrid-crio-supertheme-product-guide/working-with-header-and-footer-widgets-in-boldgrid-crio/' ),
),
array(
- 'label' => __( 'Choose the Color Palette', 'crio' ),
- 'url' => esc_url( 'https://www.boldgrid.com/support/boldgrid-crio-supertheme-product-guide/customizing-the-color-palette/' ),
+ 'label' => __( 'Changing the Menu Link Colors', 'crio' ),
+ 'url' => esc_url( 'https://www.boldgrid.com/support/boldgrid-crio-supertheme-product-guide/changing-the-menu-link-styles/' ),
),
),
),
diff --git a/src/includes/configs/customizer/controls/footer-layout.controls.php b/src/includes/configs/customizer/controls/footer-layout.controls.php
index 11795ca30..b2ba07d29 100644
--- a/src/includes/configs/customizer/controls/footer-layout.controls.php
+++ b/src/includes/configs/customizer/controls/footer-layout.controls.php
@@ -128,17 +128,19 @@
),
),
),
- 'bgtfw_footer_links' => array(
+ 'bgtfw_footer_link_color' => array(
'type' => 'bgtfw-palette-selector',
'transport' => 'postMessage',
- 'settings' => 'bgtfw_footer_links',
- 'label' => esc_attr__( 'Link Color', 'crio' ),
+ 'settings' => 'bgtfw_footer_link_color',
+ 'label' => esc_attr__( 'Attribution Link Colors', 'crio' ),
+ 'description' => esc_attr__( 'Change the color of your attribution links if shown.', 'crio' ),
'section' => 'bgtfw_footer_colors',
'priority' => 30,
- 'default' => '',
+ 'default' => get_theme_mod( 'bgtfw_footer_links', '' ),
'choices' => array(
- 'colors' => $bgtfw_formatted_palette,
- 'size' => $bgtfw_palette->get_palette_size( $bgtfw_formatted_palette ),
+ 'selectors' => Boldgrid_Framework_Links::$footer_link_selectors,
+ 'colors' => $bgtfw_formatted_palette,
+ 'size' => $bgtfw_palette->get_palette_size( $bgtfw_formatted_palette ),
),
'sanitize_callback' => array( $bgtfw_color_sanitize, 'sanitize_palette_selector' ),
),
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-colors.php b/src/includes/customizer/class-boldgrid-framework-customizer-colors.php
index a1413b69f..0c21d751f 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-colors.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-colors.php
@@ -185,7 +185,7 @@ public function add_palette_controls() {
'default' => '',
'type' => 'theme_mod',
'capability' => 'edit_theme_options',
- 'transport' => 'refresh',
+ 'transport' => 'postMessage',
)
);
$this->wp_customize->add_control(
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-presets.php b/src/includes/customizer/class-boldgrid-framework-customizer-presets.php
index 8fd9750bc..3a5d9bb0c 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-presets.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-presets.php
@@ -110,6 +110,21 @@ public function starter_content_defaults( $wp_customize ) {
}
}
+ /**
+ * Get logo notice
+ *
+ * @since 2.20.0
+ *
+ * @return string Markup of notice
+ */
+ public function get_logo_notice() {
+ return ''
+ . esc_html__( 'Your header layout does not display a logo. ', 'crio' )
+ . '' . esc_html__( 'Click Here', 'crio' )
+ . ' ' . esc_html__( ' to display your logo.', 'crio' )
+ . '
';
+ }
+
/**
* Get Branding Notices.
*
@@ -123,6 +138,11 @@ public function get_branding_notices() {
. '' . esc_html__( 'Click Here', 'crio' )
. ' ' . esc_html__( ' to set your logo.', 'crio' )
. '';
+ $markup .= ''
+ . esc_html__( 'Your header layout does not display a logo. ', 'crio' )
+ . '' . esc_html__( 'Click Here', 'crio' )
+ . ' ' . esc_html__( ' to display your logo.', 'crio' )
+ . '
';
$markup .= ''
. esc_html__( 'You do not have a site title set. ', 'crio' )
. '' . esc_html__( 'Click Here', 'crio' )
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-widget-meta.php b/src/includes/customizer/class-boldgrid-framework-customizer-widget-meta.php
index 022a485d6..814877703 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-widget-meta.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-widget-meta.php
@@ -445,7 +445,7 @@ public function get_sidebar_defaults( $sidebar_id, $type = false ) {
$settings[ $sidebar_id ]['background_color'] = get_theme_mod( 'bgtfw_footer_color', $this->get_control_default( 'bgtfw_footer_color' ) );
}
if ( empty( $settings[ $sidebar_id ]['links_color'] ) ) {
- $settings[ $sidebar_id ]['links_color'] = get_theme_mod( 'bgtfw_footer_links', $this->get_control_default( 'bgtfw_footer_links' ) );
+ $settings[ $sidebar_id ]['links_color'] = get_theme_mod( 'bgtfw_footer_link_color', $this->get_control_default( 'bgtfw_footer_link_color' ) );
}
}
diff --git a/src/includes/customizer/class-boldgrid-framework-customizer.php b/src/includes/customizer/class-boldgrid-framework-customizer.php
index 82ab200b9..82b8225ab 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer.php
@@ -838,6 +838,8 @@ public function customizer_reorganization( $wp_customize ) {
if ( $wp_customize->get_setting( 'custom_logo' ) ) {
$setting = $wp_customize->get_setting( 'custom_logo' );
+ $control = $wp_customize->get_control( 'custom_logo' );
+ $control->description = $this->presets->get_logo_notice();
$setting->transport = 'refresh';
}
diff --git a/style.css b/style.css
index e689d0407..53f87a20d 100644
--- a/style.css
+++ b/style.css
@@ -4,7 +4,7 @@ Author: BoldGrid
Theme URI: https://www.boldgrid.com/themes/crio/
Author URI: https://www.boldgrid.com/
Description: Crio is a WordPress SuperTheme that allows front-end designers, developers and other web professionals to create without bounds or restrictions. Crio's advanced customization options are completely integrated with the WordPress Customizer API, providing you with a powerful, but familiar interface to customize your website. Our integration gives you granular control over many elements straight from the Customizer, and even device previews so you can see how your site looks on different devices. Crio’s unique color palette system keeps colors consistent across your site. Drag and drop colors in your palette to increase or decrease the usage of that color throughout your website. Use the advanced controls to create a custom Header, Footer, or Blog Page layout. Be Bold and stand above the rest with Prime by BoldGrid!
-Version: 2.19.2
+Version: 2.20.0
Requires at least: 5.5
Tested up to: 6.2
Requires PHP: 5.6