Initial commit: Atomaste website
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -0,0 +1,286 @@
|
||||
/**
|
||||
* This file adds some LIVE to the Customizer live preview. To leverage
|
||||
* this, set your custom settings to 'postMessage' and then add your handling
|
||||
* here. Your javascript should grab settings from customizer controls, and
|
||||
* then make any necessary changes to the page using jQuery.
|
||||
*
|
||||
* @package Astra
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var isAstraHFBuilderActive = AstraBuilderTransparentData.is_astra_hf_builder_active || false;
|
||||
|
||||
/**
|
||||
* Transparent Logo Width
|
||||
*/
|
||||
wp.customize( 'astra-settings[transparent-header-logo-width]', function( setting ) {
|
||||
setting.bind( function( logo_width ) {
|
||||
if ( logo_width['desktop'] != '' || logo_width['tablet'] != '' || logo_width['mobile'] != '' ) {
|
||||
var dynamicStyle = '.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {max-width: ' + logo_width['desktop'] + 'px;} .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg { width: ' + logo_width['desktop'] + 'px;} @media( max-width: 768px ) { .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {max-width: ' + logo_width['tablet'] + 'px;} .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg { width: ' + logo_width['tablet'] + 'px;} } @media( max-width: 544px ) { .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {max-width: ' + logo_width['mobile'] + 'px;} .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg { width: ' + logo_width['mobile'] + 'px;} }';
|
||||
astra_add_dynamic_css( 'transparent-header-logo-width', dynamicStyle );
|
||||
}
|
||||
else{
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Transparent header for device.
|
||||
const device = AstraBuilderTransparentData.transparent_header_devices;
|
||||
let deviceSelector = '';
|
||||
switch( device ) {
|
||||
case 'mobile' :
|
||||
deviceSelector = '.ast-header-break-point';
|
||||
break;
|
||||
case 'desktop' :
|
||||
deviceSelector = ':not(.ast-header-break-point)';
|
||||
break;
|
||||
}
|
||||
|
||||
/* Transparent Header Colors */
|
||||
astra_color_responsive_css( 'colors-background', 'astra-settings[primary-menu-a-bg-color-responsive]', 'background-color', '.main-header-menu .current-menu-item > .menu-link, .main-header-menu .current-menu-ancestor > .menu-link,.ast-header-sections-navigation .menu-item.current-menu-item > .menu-link,.ast-header-sections-navigation .menu-item.current-menu-ancestor > .menu-link' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-header-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header' + deviceSelector + ' .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header' + deviceSelector + ' .main-header-bar-wrap .main-header-bar, .ast-theme-transparent-header' + ( device === 'both' ? '.ast-header-break-point' : deviceSelector ) + ' .ast-mobile-header-wrap .main-header-bar' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-header-color-site-title-responsive]', 'color', '.ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited, .ast-theme-transparent-header .site-header .site-description' );
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-header-color-h-site-title-responsive]', 'color', '.ast-theme-transparent-header .site-header .site-title a:hover' );
|
||||
|
||||
// Primary Menu
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-menu-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu, .ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation, .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav, .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap, .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap, .ast-theme-transparent-header .main-header-menu .menu-link' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-primary-header-menu-colors', 'astra-settings[transparent-menu-color-responsive]', 'color', '.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link, .ast-theme-transparent-header .ast-masthead-custom-menu-items, .ast-theme-transparent-header .ast-masthead-custom-menu-items a, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-link' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-menu-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link' );
|
||||
|
||||
// Primary SubMenu
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-submenu-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .sub-menu, .ast-header-break-point.ast-theme-transparent-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .sub-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .sub-menu .menu-link, .ast-header-break-point.ast-theme-transparent-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-submenu-color-responsive]', 'color', '.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item > .ast-menu-toggle, .astra-hfb-header.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .sub-menu .menu-item .menu-link, .astra-hfb-header.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .sub-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-submenu-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu a:hover,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .menu-item, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover .menu-link' );
|
||||
|
||||
// Style guide main header logo preview.
|
||||
var primaryHeaderWrap = document.querySelector( ".ast-main-header-wrap.main-header-bar-wrap ");
|
||||
|
||||
if ( primaryHeaderWrap && primaryHeaderWrap.querySelector(".site-logo-img") ) {
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-header-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header' + deviceSelector + ' .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header' + deviceSelector + ' .main-header-bar-wrap .main-header-bar, .ast-theme-transparent-header' + ( device === 'both' ? '.ast-header-break-point' : deviceSelector ) + ' .ast-mobile-header-wrap .main-header-bar, .ast-theme-transparent-header .ast-sg-element-wrap.ast-sg-logo-section' );
|
||||
}
|
||||
|
||||
// Primary Content Section text color
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-content-section-text-color-responsive]', 'color', '.ast-theme-transparent-header div.ast-masthead-custom-menu-items, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget-title, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element' );
|
||||
// Primary Content Section link color
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-content-section-link-color-responsive]', 'color', '.ast-theme-transparent-header div.ast-masthead-custom-menu-items a, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element a' );
|
||||
// Primary Content Section link hover color
|
||||
astra_color_responsive_css( 'transparent-primary-header', 'astra-settings[transparent-content-section-link-h-color-responsive]', 'color', '.ast-theme-transparent-header div.ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a:hover, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element a:hover' );
|
||||
|
||||
// Above Header Menu
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[hba-transparent-header-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header' + deviceSelector + ' .ast-above-header-wrap .ast-above-header, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-wrap .main-header-menu' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-menu-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header .ast-above-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul, .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation, .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-section-separated .ast-above-header-navigation-wrap' );
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-menu-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation > ul.ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' );
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-menu-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-above-header-navigation .menu-item:hover > .menu-link' )
|
||||
// Above Header SubMenu
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-submenu-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header .ast-above-header-menu .sub-menu' );
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-submenu-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-menu .sub-menu, .ast-theme-transparent-header .ast-above-header-navigation .ast-above-header-menu .sub-menu a' );
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-submenu-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle,.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle,.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' );
|
||||
|
||||
// Above Header Content Section text color
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-content-section-text-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-section .user-select, .ast-theme-transparent-header .ast-above-header-section .widget, .ast-theme-transparent-header .ast-above-header-section .widget-title' );
|
||||
// Above Header Content Section link color
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-content-section-link-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-section .user-select a, .ast-theme-transparent-header .ast-above-header-section .widget a' );
|
||||
// Above Header Content Section link hover color
|
||||
astra_color_responsive_css( 'transparent-above-header', 'astra-settings[transparent-content-section-link-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-above-header-section .user-select a:hover, .ast-theme-transparent-header .ast-above-header-section .widget a:hover' );
|
||||
|
||||
|
||||
// Style guide above header logo preview.
|
||||
var aboveHeaderWrap = document.querySelector( ".ast-above-header-wrap");
|
||||
|
||||
if ( aboveHeaderWrap && aboveHeaderWrap.querySelector(".site-logo-img") ) {
|
||||
astra_color_responsive_css( "transparent-above-header", "astra-settings[hba-transparent-header-bg-color-responsive]", "background-color", " .ast-theme-transparent-header" + deviceSelector + " .ast-above-header-wrap .ast-above-header, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-wrap .main-header-menu, .ast-theme-transparent-header .ast-sg-element-wrap.ast-sg-logo-section" );
|
||||
}
|
||||
|
||||
// below Header Menu
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[hbb-transparent-header-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header' + deviceSelector + ' .ast-below-header-wrap .ast-below-header, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-wrap .main-header-menu' );
|
||||
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-menu-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-theme-transparent-header .ast-below-header-actual-nav, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-actual-nav, .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav, .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-section-separated .ast-below-header-navigation-wrap' );
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-menu-color-responsive]', 'color', '.ast-theme-transparent-header .ast-below-header-menu, .ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu' );
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-menu-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-below-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.focus > .menu-link,.ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' );
|
||||
// below Header SubMenu
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-submenu-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header .ast-below-header-menu .sub-menu' );
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-submenu-color-responsive]', 'color', '.ast-theme-transparent-header .ast-below-header-menu .sub-menu, .ast-theme-transparent-header .ast-below-header-menu .sub-menu a' );
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-submenu-h-color-responsive]', 'color', '.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' );
|
||||
|
||||
// below Header Content Section text color
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-content-section-text-color-responsive]', 'color', '', '.ast-theme-transparent-header .below-header-user-select, .ast-theme-transparent-header .below-header-user-select .widget,.ast-theme-transparent-header .below-header-user-select .widget-title' );
|
||||
// below Header Content Section link color
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[transparent-content-section-link-color-responsive]', 'color', '', '.ast-theme-transparent-header .below-header-user-select a, .ast-theme-transparent-header .below-header-user-select .widget a' );
|
||||
// below Header Content Section link hover color
|
||||
astra_color_responsive_css( 'below-transparent-header', 'astra-settings[transparent-content-section-link-h-color-responsive]', 'color', '.ast-theme-transparent-header .below-header-user-select a:hover, .ast-theme-transparent-header .below-header-user-select .widget a:hover' );
|
||||
|
||||
// Style guide below header logo preview.
|
||||
var belowHeaderWrap = document.querySelector( ".ast-below-header-wrap ");
|
||||
|
||||
if ( belowHeaderWrap && belowHeaderWrap.querySelector(".site-logo-img") ) {
|
||||
astra_color_responsive_css( 'transparent-below-header', 'astra-settings[hbb-transparent-header-bg-color-responsive]', 'background-color', '.ast-theme-transparent-header' + deviceSelector + ' .ast-below-header-wrap .ast-below-header, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-wrap .main-header-menu, .ast-theme-transparent-header .ast-sg-element-wrap.ast-sg-logo-section' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Button border
|
||||
*/
|
||||
wp.customize( 'astra-settings[primary-header-button-border-group]', function( value ) {
|
||||
value.bind( function( value ) {
|
||||
|
||||
var optionValue = JSON.parse(value);
|
||||
var border = optionValue['header-main-rt-section-button-border-size'];
|
||||
|
||||
if( '' != border.top || '' != border.right || '' != border.bottom || '' != border.left ) {
|
||||
var dynamicStyle = '.main-header-bar .ast-container .button-custom-menu-item .ast-custom-button-link .ast-custom-button';
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
||||
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
||||
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
||||
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'header-main-rt-section-button-border-size', dynamicStyle );
|
||||
}
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-text-color]', 'color', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-back-color]', 'background-color', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-text-h-color]', 'color', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' );
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-back-h-color]', 'background-color', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' );
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-border-radius]', 'border-radius', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button', 'px' );
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-border-color]', 'border-color', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button' );
|
||||
astra_css( 'astra-settings[header-main-rt-trans-section-button-border-h-color]', 'border-color', '.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover' );
|
||||
astra_responsive_spacing( 'astra-settings[header-main-rt-trans-section-button-padding]','.ast-theme-transparent-header .main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button', 'padding', ['top', 'right', 'bottom', 'left' ] );
|
||||
|
||||
/**
|
||||
* Transparent Header > Elements preview styles.
|
||||
*/
|
||||
astra_css( 'astra-settings[transparent-header-divider-color]', 'border-color', '.ast-theme-transparent-header .ast-header-divider-element .ast-divider-wrapper' );
|
||||
astra_css( 'astra-settings[transparent-header-html-text-color]', 'color', '.ast-theme-transparent-header [CLASS*="ast-header-html-"] .ast-builder-html-element' );
|
||||
astra_css( 'astra-settings[transparent-header-html-link-color]', 'color', '.ast-theme-transparent-header [CLASS*="ast-header-html-"] .ast-builder-html-element a' );
|
||||
astra_css( 'astra-settings[transparent-header-html-link-h-color]', 'color', '.ast-theme-transparent-header [CLASS*="ast-header-html-"] .ast-builder-html-element a:hover' );
|
||||
astra_css( 'astra-settings[transparent-header-search-icon-color]', 'color', '.ast-theme-transparent-header .ast-header-search .astra-search-icon, .ast-theme-transparent-header .ast-header-search .ast-icon' );
|
||||
astra_css( 'astra-settings[transparent-header-search-box-placeholder-color]', 'color', '.ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-field, .ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-field::placeholder' );
|
||||
astra_css( 'astra-settings[transparent-header-search-box-background-color]', 'background-color', '.ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-field, .ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-form, .ast-theme-transparent-header .ast-header-search .ast-search-menu-icon .search-submit' );
|
||||
astra_color_responsive_css( 'transparent-header-social-color', 'astra-settings[transparent-header-social-icons-bg-color]', 'background', '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element' );
|
||||
astra_color_responsive_css( 'transparent-header-social-color', 'astra-settings[transparent-header-social-icons-color]', 'fill', '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element svg' );
|
||||
astra_color_responsive_css( 'transparent-header-social-color-label', 'astra-settings[transparent-header-social-icons-color]', 'color', '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element .social-item-label' );
|
||||
astra_color_responsive_css( 'transparent-header-social-color', 'astra-settings[transparent-header-social-icons-bg-h-color]', 'background', '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover' );
|
||||
astra_color_responsive_css( 'transparent-header-social-color', 'astra-settings[transparent-header-social-icons-h-color]', 'fill', '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg' );
|
||||
astra_color_responsive_css( 'transparent-header-social-color-label-h', 'astra-settings[transparent-header-social-icons-h-color]', 'color', '.ast-theme-transparent-header .ast-header-social-wrap .ast-social-color-type-custom .ast-builder-social-element:hover .social-item-label' );
|
||||
astra_css( 'astra-settings[transparent-header-widget-title-color]', 'color', '.ast-theme-transparent-header .widget-area.header-widget-area .widget-title' );
|
||||
|
||||
if( AstraBuilderTransparentData.is_flex_based_css ) {
|
||||
var transparent_header_widget = '.ast-theme-transparent-header .widget-area.header-widget-area.header-widget-area-inner';
|
||||
}else{
|
||||
var transparent_header_widget = '.ast-theme-transparent-header .widget-area.header-widget-area. header-widget-area-inner';
|
||||
}
|
||||
astra_css( 'astra-settings[transparent-header-widget-content-color]', 'color', transparent_header_widget );
|
||||
astra_css( 'astra-settings[transparent-header-widget-link-color]', 'color', transparent_header_widget + ' a' );
|
||||
astra_css( 'astra-settings[transparent-header-widget-link-h-color]', 'color', transparent_header_widget + ' a:hover' );
|
||||
|
||||
astra_css( 'astra-settings[transparent-header-button-text-color]', 'color', '.ast-theme-transparent-header [CLASS*="ast-header-button-"] .ast-custom-button' );
|
||||
astra_css( 'astra-settings[transparent-header-button-bg-color]', 'background', '.ast-theme-transparent-header [CLASS*="ast-header-button-"] .ast-custom-button' );
|
||||
astra_css( 'astra-settings[transparent-header-button-text-h-color]', 'color', '.ast-theme-transparent-header [CLASS*="ast-header-button-"] ..ast-custom-button:hover' );
|
||||
astra_css( 'astra-settings[transparent-header-button-bg-h-color]', 'background', '.ast-theme-transparent-header [CLASS*="ast-header-button-"] .ast-custom-button:hover' );
|
||||
astra_css( 'astra-settings[transparent-header-button-border-color]', 'border-color', '.ast-theme-transparent-header [CLASS*="ast-header-button-"] .ast-custom-button' );
|
||||
astra_css( 'astra-settings[transparent-header-button-border-h-color]', 'border-color', '.ast-theme-transparent-header [CLASS*="ast-header-button-"] ..ast-custom-button:hover' );
|
||||
|
||||
/**
|
||||
* Transparent Header menu-toggle Dynamic CSS.
|
||||
*/
|
||||
var toggle_selector = '.ast-theme-transparent-header [data-section="section-header-mobile-trigger"]';
|
||||
|
||||
// Trigger Icon Color.
|
||||
astra_css(
|
||||
'astra-settings[transparent-header-toggle-btn-color]',
|
||||
'fill',
|
||||
toggle_selector + ' .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg'
|
||||
);
|
||||
|
||||
// Trigger Label Color.
|
||||
astra_css(
|
||||
'astra-settings[transparent-header-toggle-btn-color]',
|
||||
'color',
|
||||
toggle_selector + ' .ast-button-wrap .mobile-menu-wrap .mobile-menu'
|
||||
);
|
||||
|
||||
// Trigger Button Background Color.
|
||||
astra_css(
|
||||
'astra-settings[transparent-header-toggle-btn-bg-color]',
|
||||
'background',
|
||||
toggle_selector + ' .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-fill'
|
||||
);
|
||||
|
||||
// Border Color.
|
||||
astra_css(
|
||||
'astra-settings[transparent-header-toggle-border-color]',
|
||||
'border-color',
|
||||
toggle_selector + ' .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-outline'
|
||||
);
|
||||
|
||||
// Icon Color.
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-icon-color]',
|
||||
'fill',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg path:not(.ast-hf-account-unfill), .ast-theme-transparent-header .ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg circle'
|
||||
);
|
||||
|
||||
// logged out text Color.
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-type-text-color]',
|
||||
'color',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .ast-header-account-text'
|
||||
);
|
||||
|
||||
// Menu - Normal Color
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-menu-color]',
|
||||
'color',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .main-header-menu .menu-item > .menu-link'
|
||||
);
|
||||
|
||||
// Menu - Hover Color
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-menu-h-color]',
|
||||
'color',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .main-header-menu .menu-item:hover > .menu-link'
|
||||
);
|
||||
|
||||
// Menu - Active Color
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-menu-a-color]',
|
||||
'color',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .main-header-menu .menu-item.current-menu-item > .menu-link'
|
||||
);
|
||||
|
||||
// Menu - Hover Background
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-menu-bg-obj]',
|
||||
'background',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .account-main-navigation ul'
|
||||
);
|
||||
|
||||
// Menu - Hover Background
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-menu-h-bg-color]',
|
||||
'background',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .account-main-navigation .menu-item:hover > .menu-link'
|
||||
);
|
||||
|
||||
// Menu - Active Background
|
||||
astra_css(
|
||||
'astra-settings[transparent-account-menu-a-bg-color]',
|
||||
'background',
|
||||
'.ast-theme-transparent-header .ast-header-account-wrap .account-main-navigation .menu-item.current-menu-item > .menu-link'
|
||||
);
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
/**
|
||||
* Sticky Header Extension
|
||||
*
|
||||
* @package Astra
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_THEME_TRANSPARENT_HEADER_DIR', ASTRA_THEME_DIR . 'inc/addons/transparent-header/' );
|
||||
define( 'ASTRA_THEME_TRANSPARENT_HEADER_URI', ASTRA_THEME_URI . 'inc/addons/transparent-header/' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Ext_Transparent_Header' ) ) {
|
||||
|
||||
/**
|
||||
* Sticky Header Initial Setup
|
||||
*
|
||||
* @since 1.0.0
|
||||
*/
|
||||
class Astra_Ext_Transparent_Header {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var object instance
|
||||
*/
|
||||
private static $instance;
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
if ( ! isset( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
}
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/class-astra-ext-transparent-header-loader.php';
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/class-astra-ext-transparent-header-markup.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() ) {
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/dynamic-css/dynamic.css.php';
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/dynamic-css/header-sections-dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Ext_Transparent_Header::get_instance();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,233 @@
|
||||
<?php
|
||||
/**
|
||||
* Transparent Header - Customizer.
|
||||
*
|
||||
* @package Astra
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Ext_Transparent_Header_Loader' ) ) {
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 1.0.0
|
||||
*/
|
||||
class Astra_Ext_Transparent_Header_Loader {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var object instance
|
||||
*/
|
||||
private static $instance;
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
if ( ! isset( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
}
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_filter( 'astra_theme_defaults', array( $this, 'theme_defaults' ) );
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ) );
|
||||
add_action( 'customize_register', array( $this, 'customize_register' ), 2 );
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Set Options Default Values
|
||||
*
|
||||
* @param array $defaults Astra options default value array.
|
||||
* @return array
|
||||
*/
|
||||
public function theme_defaults( $defaults ) {
|
||||
|
||||
// Header - Transparent.
|
||||
$defaults['transparent-header-logo'] = '';
|
||||
$defaults['transparent-header-retina-logo'] = '';
|
||||
$defaults['different-transparent-logo'] = 0;
|
||||
$defaults['different-transparent-retina-logo'] = 0;
|
||||
$defaults['transparent-header-logo-width'] = array(
|
||||
'desktop' => 150,
|
||||
'tablet' => 120,
|
||||
'mobile' => 100,
|
||||
);
|
||||
$defaults['transparent-header-enable'] = 0;
|
||||
/**
|
||||
* Old option for 404, search and archive pages.
|
||||
*
|
||||
* For default value on separate option this setting is in use.
|
||||
*/
|
||||
$defaults['transparent-header-disable-archive'] = 1;
|
||||
$defaults['transparent-header-disable-latest-posts-index'] = 1;
|
||||
$defaults['transparent-header-on-devices'] = 'both';
|
||||
$defaults['transparent-header-main-sep'] = '';
|
||||
$defaults['transparent-header-main-sep-color'] = '';
|
||||
|
||||
/**
|
||||
* Transparent Header
|
||||
*/
|
||||
$defaults['transparent-header-bg-color'] = '';
|
||||
$defaults['transparent-header-color-site-title'] = '';
|
||||
$defaults['transparent-header-color-h-site-title'] = '';
|
||||
$defaults['transparent-menu-bg-color'] = '';
|
||||
$defaults['transparent-menu-color'] = '';
|
||||
$defaults['transparent-menu-h-color'] = '';
|
||||
$defaults['transparent-submenu-bg-color'] = '';
|
||||
$defaults['transparent-submenu-color'] = '';
|
||||
$defaults['transparent-submenu-h-color'] = '';
|
||||
$defaults['transparent-header-logo-color'] = '';
|
||||
|
||||
/**
|
||||
* Transparent Header Responsive Colors
|
||||
*/
|
||||
$defaults['transparent-header-bg-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['hba-transparent-header-bg-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['hbb-transparent-header-bg-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-header-color-site-title-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-header-color-h-site-title-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-menu-bg-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-menu-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-menu-h-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-submenu-bg-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-submenu-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-submenu-h-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
$defaults['transparent-content-section-text-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
$defaults['transparent-content-section-link-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
$defaults['transparent-content-section-link-h-color-responsive'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
|
||||
return $defaults;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add postMessage support for site title and description for the Theme Customizer.
|
||||
*
|
||||
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
||||
*/
|
||||
public function customize_register( $wp_customize ) {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
/**
|
||||
* Register Panel & Sections
|
||||
*/
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/class-astra-transparent-header-panels-and-sections.php';
|
||||
|
||||
/**
|
||||
* Sections
|
||||
*/
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/sections/class-astra-customizer-colors-transparent-header-configs.php';
|
||||
// Check Transparent Header is activated.
|
||||
require_once ASTRA_THEME_TRANSPARENT_HEADER_DIR . 'classes/sections/class-astra-customizer-transparent-header-configs.php';
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-transparent-header-customizer-preview-js', ASTRA_THEME_TRANSPARENT_HEADER_URI . 'assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for further JS.
|
||||
wp_localize_script(
|
||||
'astra-transparent-header-customizer-preview-js',
|
||||
'AstraBuilderTransparentData',
|
||||
array(
|
||||
'is_astra_hf_builder_active' => Astra_Builder_Helper::$is_header_footer_builder_active,
|
||||
'is_flex_based_css' => Astra_Builder_Helper::apply_flex_based_css(),
|
||||
'transparent_header_devices' => astra_get_option( 'transparent-header-on-devices' ),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Ext_Transparent_Header_Loader::get_instance();
|
||||
@@ -0,0 +1,398 @@
|
||||
<?php
|
||||
/**
|
||||
* Transparent Header Markup
|
||||
*
|
||||
* @package Astra
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_ExtTransparenty_Header_Markup' ) ) {
|
||||
|
||||
/**
|
||||
* Transparent Header Markup Initial Setup
|
||||
*
|
||||
* @since 1.0.0
|
||||
*/
|
||||
class Astra_Ext_Transparent_Header_Markup {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var object instance
|
||||
*/
|
||||
private static $instance;
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
if ( ! isset( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
}
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_action( 'body_class', array( $this, 'add_body_class' ) );
|
||||
|
||||
/* Fixed header markup */
|
||||
add_action( 'astra_header', array( $this, 'transparent_header_logo' ), 1 );
|
||||
|
||||
/**
|
||||
* Metabox setup
|
||||
*/
|
||||
add_filter( 'astra_meta_box_options', array( $this, 'add_options' ) );
|
||||
add_action( 'astra_meta_box_markup_after', array( $this, 'add_options_markup' ) );
|
||||
|
||||
add_action( 'astra_customizer_save', array( $this, 'customizer_save' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Body Classes
|
||||
*
|
||||
* @param array $classes Body Class Array.
|
||||
* @return array
|
||||
*/
|
||||
public function add_body_class( $classes ) {
|
||||
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$inherit_desk_logo = astra_get_option( 'different-transparent-logo', false );
|
||||
$transparent_header_logo = astra_get_option( 'transparent-header-logo', true );
|
||||
$transparent_header_logo_retina = astra_get_option( 'transparent-header-retina-logo', true );
|
||||
|
||||
if ( '1' == $inherit_desk_logo && ( '' !== $transparent_header_logo || '' !== $transparent_header_logo_retina ) ) {
|
||||
$classes[] = 'ast-replace-site-logo-transparent';
|
||||
}
|
||||
|
||||
if ( '1' !== $inherit_desk_logo ) {
|
||||
$classes[] = 'ast-inherit-site-logo-transparent';
|
||||
}
|
||||
|
||||
/**
|
||||
* Add class 'ast-theme-transparent-header'
|
||||
*/
|
||||
|
||||
if ( self::is_transparent_header() ) {
|
||||
$classes[] = 'ast-theme-transparent-header';
|
||||
}
|
||||
|
||||
return $classes;
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra check if transparent header is enabled.
|
||||
*
|
||||
* @return boolean true/false.
|
||||
*/
|
||||
public static function is_transparent_header() {
|
||||
|
||||
// Transparent Header.
|
||||
$enable_trans_header = astra_get_option( 'transparent-header-enable' );
|
||||
$trans_meta_option = astra_get_option_meta( 'theme-transparent-header-meta', 'default' );
|
||||
|
||||
if ( $enable_trans_header ) {
|
||||
|
||||
// Checking if the new 404 page setting option is enabled, if not then fetch the value from the old archive setting option to handle backward compatibility.
|
||||
if ( is_404() && '1' == astra_get_option( 'transparent-header-disable-404-page', astra_get_option( 'transparent-header-disable-archive' ) ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
// Checking if the new search page setting option is enabled, if not then fetch the value from the old archive setting option to handle backward compatibility.
|
||||
if ( is_search() && '1' == astra_get_option( 'transparent-header-disable-search-page', astra_get_option( 'transparent-header-disable-archive' ) ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
// Checking if the new archive pages setting option is enabled, if not then fetch the value from the old archive setting option to handle backward compatibility.
|
||||
if ( is_archive() && '1' == astra_get_option( 'transparent-header-disable-archive-pages', astra_get_option( 'transparent-header-disable-archive' ) ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
if ( is_home() && '1' == astra_get_option( 'transparent-header-disable-index' ) && ( 'posts' !== get_option( 'show_on_front' ) ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
if ( is_front_page() && 'posts' == get_option( 'show_on_front' ) && '1' == astra_get_option( 'transparent-header-disable-latest-posts-index' ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
if ( is_page() && '1' == astra_get_option( 'transparent-header-disable-page' ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
if ( is_single() && '1' == astra_get_option( 'transparent-header-disable-posts' ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
}
|
||||
|
||||
if ( class_exists( 'Astra_Woocommerce' ) ) {
|
||||
if ( is_product() && '1' == astra_get_option( 'transparent-header-disable-woo-products' ) ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
}
|
||||
|
||||
// Force Meta settings to override global settings.
|
||||
if ( 'enabled' === $trans_meta_option ) {
|
||||
$enable_trans_header = true;
|
||||
} elseif ( 'disabled' === $trans_meta_option ) {
|
||||
$enable_trans_header = false;
|
||||
}
|
||||
|
||||
return apply_filters( 'astra_is_transparent_header', $enable_trans_header );
|
||||
}
|
||||
|
||||
/**
|
||||
* Site Header - <header>
|
||||
*
|
||||
* @since 1.0.0
|
||||
*/
|
||||
public function transparent_header_logo() {
|
||||
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$inherit_desk_logo = astra_get_option( 'different-transparent-logo', false );
|
||||
$transparent_header_logo = astra_get_option( 'transparent-header-logo' );
|
||||
|
||||
if ( self::is_transparent_header() && '1' == $inherit_desk_logo && '' !== $transparent_header_logo ) {
|
||||
// Logo For None Effect.
|
||||
add_filter( 'astra_has_custom_logo', '__return_true' );
|
||||
add_filter( 'get_custom_logo', array( $this, 'transparent_custom_logo' ), 10, 2 );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Replace transparent header logo.
|
||||
*
|
||||
* @param sting $html Size name.
|
||||
* @param int $blog_id Icon.
|
||||
*
|
||||
* @return string html markup of logo.
|
||||
*/
|
||||
public function transparent_custom_logo( $html, $blog_id ) {
|
||||
|
||||
$trans_logo = astra_get_option( 'transparent-header-logo' );
|
||||
$transparent_header_devices = astra_get_option( 'transparent-header-on-devices' );
|
||||
|
||||
if ( '' !== $trans_logo ) {
|
||||
|
||||
/* Replace transparent header logo and width */
|
||||
add_filter( 'wp_get_attachment_image_attributes', array( $this, 'replace_trans_header_attr' ), 10, 3 );
|
||||
|
||||
$custom_logo_id = attachment_url_to_postid( $trans_logo );
|
||||
|
||||
$size = 'ast-transparent-logo-size';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
$size = 'full';
|
||||
}
|
||||
|
||||
$html = sprintf(
|
||||
'<a href="%1$s" class="custom-logo-link transparent-custom-logo" rel="home" itemprop="url" aria-label="%3$s">%2$s</a>',
|
||||
esc_url( home_url( '/' ) ),
|
||||
wp_get_attachment_image(
|
||||
$custom_logo_id,
|
||||
$size,
|
||||
false,
|
||||
array(
|
||||
'class' => 'custom-logo',
|
||||
)
|
||||
),
|
||||
get_bloginfo()
|
||||
);
|
||||
|
||||
if ( 'mobile' === $transparent_header_devices ) {
|
||||
|
||||
$html .= sprintf(
|
||||
'<a href="%1$s" class="custom-logo-link ast-transparent-desktop-logo" rel="home" itemprop="url">%2$s</a>',
|
||||
esc_url( home_url( '/' ) ),
|
||||
wp_get_attachment_image(
|
||||
get_theme_mod( 'custom_logo' ),
|
||||
$size,
|
||||
false,
|
||||
array(
|
||||
'class' => 'custom-logo',
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( 'desktop' === $transparent_header_devices ) {
|
||||
|
||||
$html .= sprintf(
|
||||
'<a href="%1$s" class="custom-logo-link ast-transparent-mobile-logo" rel="home" itemprop="url">%2$s</a>',
|
||||
esc_url( home_url( '/' ) ),
|
||||
wp_get_attachment_image(
|
||||
get_theme_mod( 'custom_logo' ),
|
||||
$size,
|
||||
false,
|
||||
array(
|
||||
'class' => 'custom-logo',
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
remove_filter( 'wp_get_attachment_image_attributes', array( $this, 'replace_trans_header_attr' ) );
|
||||
}
|
||||
|
||||
return $html;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Replace transparent header logo.
|
||||
*
|
||||
* @param array $attr Image.
|
||||
* @param object $attachment Image obj.
|
||||
* @param sting $size Size name.
|
||||
*
|
||||
* @return array Image attr.
|
||||
*/
|
||||
public function replace_trans_header_attr( $attr, $attachment, $size ) {
|
||||
|
||||
$trans_logo = astra_get_option( 'transparent-header-logo' );
|
||||
$custom_logo_id = attachment_url_to_postid( $trans_logo );
|
||||
|
||||
if ( $custom_logo_id == $attachment->ID ) {
|
||||
|
||||
$attach_data = array();
|
||||
if ( ! is_customize_preview() ) {
|
||||
$attach_data = wp_get_attachment_image_src( $attachment->ID, 'ast-transparent-logo-size' );
|
||||
if ( isset( $attach_data[0] ) ) {
|
||||
$attr['src'] = $attach_data[0];
|
||||
}
|
||||
}
|
||||
|
||||
$file_type = wp_check_filetype( $attr['src'] );
|
||||
$file_extension = $file_type['ext'];
|
||||
|
||||
if ( 'svg' == $file_extension ) {
|
||||
$attr['class'] = 'astra-logo-svg';
|
||||
}
|
||||
|
||||
$diff_retina_logo = astra_get_option( 'different-transparent-retina-logo' );
|
||||
|
||||
if ( '1' == $diff_retina_logo ) {
|
||||
|
||||
$retina_logo = astra_get_option( 'transparent-header-retina-logo' );
|
||||
|
||||
$attr['srcset'] = '';
|
||||
|
||||
if ( apply_filters( 'astra_transparent_header_retina', true ) && '' !== $retina_logo ) {
|
||||
$cutom_logo = wp_get_attachment_image_src( $custom_logo_id, 'full' );
|
||||
$cutom_logo_url = $cutom_logo[0];
|
||||
|
||||
if ( astra_check_is_ie() ) {
|
||||
// Replace header logo url to retina logo url.
|
||||
$attr['src'] = $retina_logo;
|
||||
}
|
||||
|
||||
$attr['srcset'] = $cutom_logo_url . ' 1x, ' . $retina_logo . ' 2x';
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return $attr;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Meta Options
|
||||
*
|
||||
* @param array $meta_option Page Meta.
|
||||
* @return array
|
||||
*/
|
||||
public function add_options( $meta_option ) {
|
||||
|
||||
$meta_option['theme-transparent-header-meta'] = array(
|
||||
'sanitize' => 'FILTER_SANITIZE_STRING',
|
||||
);
|
||||
|
||||
return $meta_option;
|
||||
}
|
||||
|
||||
/**
|
||||
* Transparent Header Meta Field markup
|
||||
*
|
||||
* Loads appropriate template file based on the style option selected in options panel.
|
||||
*
|
||||
* @param array $meta Page Meta.
|
||||
* @since 1.0.0
|
||||
*/
|
||||
public function add_options_markup( $meta ) {
|
||||
|
||||
/**
|
||||
* Get options
|
||||
*/
|
||||
$trans_header_meta = ( isset( $meta['theme-transparent-header-meta']['default'] ) ) ? $meta['theme-transparent-header-meta']['default'] : 'default';
|
||||
$show_meta_field = ! astra_check_is_bb_themer_layout();
|
||||
?>
|
||||
|
||||
<?php if ( $show_meta_field ) { ?>
|
||||
<div class="transparent-header-wrapper">
|
||||
<p class="post-attributes-label-wrapper">
|
||||
<strong> <?php esc_html_e( 'Transparent Header', 'astra' ); ?> </strong><br/>
|
||||
</p>
|
||||
<select name="theme-transparent-header-meta" id="theme-transparent-header-meta">
|
||||
<option value="default" <?php selected( $trans_header_meta, 'default' ); ?>> <?php esc_html_e( 'Customizer Setting', 'astra' ); ?> </option>
|
||||
<option value="enabled" <?php selected( $trans_header_meta, 'enabled' ); ?>> <?php esc_html_e( 'Enabled', 'astra' ); ?> </option>
|
||||
<option value="disabled" <?php selected( $trans_header_meta, 'disabled' ); ?>> <?php esc_html_e( 'Disabled', 'astra' ); ?> </option>
|
||||
</select>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Styles Callback
|
||||
*/
|
||||
public function customizer_save() {
|
||||
|
||||
/* Generate Transparent Header Logo */
|
||||
$trans_logo = astra_get_option( 'transparent-header-logo' );
|
||||
|
||||
if ( '' !== $trans_logo ) {
|
||||
add_filter( 'intermediate_image_sizes_advanced', array( $this, 'transparent_logo_image_sizes' ), 10, 2 );
|
||||
$trans_logo_id = attachment_url_to_postid( $trans_logo );
|
||||
Astra_Customizer::generate_logo_by_width( $trans_logo_id );
|
||||
remove_filter( 'intermediate_image_sizes_advanced', array( $this, 'transparent_logo_image_sizes' ), 10 );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Add logo image sizes in filter.
|
||||
*
|
||||
* @since 1.0.0
|
||||
* @param array $sizes Sizes.
|
||||
* @param array $metadata attachment data.
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public function transparent_logo_image_sizes( $sizes, $metadata ) {
|
||||
|
||||
$logo_width = astra_get_option( 'transparent-header-logo-width' );
|
||||
|
||||
if ( is_array( $sizes ) && '' != $logo_width['desktop'] ) {
|
||||
$max_value = max( $logo_width );
|
||||
$sizes['ast-transparent-logo-size'] = array(
|
||||
'width' => (int) $max_value,
|
||||
'height' => 0,
|
||||
'crop' => false,
|
||||
);
|
||||
}
|
||||
|
||||
return $sizes;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Ext_Transparent_Header_Markup::get_instance();
|
||||
@@ -0,0 +1,69 @@
|
||||
<?php
|
||||
/**
|
||||
* Transparent Header Options for our theme.
|
||||
*
|
||||
* @package Astra Addon
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 1.4.3
|
||||
*/
|
||||
|
||||
// Block direct access to the file.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
// Bail if Customizer config base class does not exist.
|
||||
if ( ! class_exists( 'Astra_Customizer_Config_Base' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Sanitizes
|
||||
*
|
||||
* @since 1.4.3
|
||||
*/
|
||||
if ( ! class_exists( 'Astra_Transparent_Header_Panels_And_Sections' ) ) {
|
||||
|
||||
/**
|
||||
* Register Transparent Header Customizer Configurations.
|
||||
*/
|
||||
class Astra_Transparent_Header_Panels_And_Sections extends Astra_Customizer_Config_Base {
|
||||
|
||||
/**
|
||||
* Register Transparent Header Customizer Configurations.
|
||||
*
|
||||
* @param Array $configurations Astra Customizer Configurations.
|
||||
* @param WP_Customize_Manager $wp_customize instance of WP_Customize_Manager.
|
||||
* @since 1.4.3
|
||||
* @return Array Astra Customizer Configurations with updated configurations.
|
||||
*/
|
||||
public function register_configuration( $configurations, $wp_customize ) {
|
||||
|
||||
$_configs = array(
|
||||
|
||||
array(
|
||||
'name' => 'section-transparent-header',
|
||||
'title' => esc_html__( 'Transparent Header', 'astra' ),
|
||||
'panel' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? 'panel-header-builder-group' : 'panel-header-group',
|
||||
'type' => 'section',
|
||||
'priority' => 33,
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => 'section-colors-header-group',
|
||||
'type' => 'section',
|
||||
'title' => esc_html__( 'Header', 'astra' ),
|
||||
'panel' => 'panel-colors-background',
|
||||
'priority' => 20,
|
||||
),
|
||||
);
|
||||
|
||||
return array_merge( $configurations, $_configs );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
new Astra_Transparent_Header_Panels_And_Sections();
|
||||
@@ -0,0 +1,616 @@
|
||||
<?php
|
||||
/**
|
||||
* Transparent Header - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_ext_transparent_header_dynamic_css' );
|
||||
|
||||
/**
|
||||
* To avoid multiple Transparent color in submenu anchor tag.
|
||||
* Old Users - Will not reflect directly.
|
||||
* New Users - Will see the changes
|
||||
*
|
||||
* @return bool true|false.
|
||||
* @since 4.4.0
|
||||
*/
|
||||
function astra_has_submenu_transperent_styling() {
|
||||
$astra_settings = get_option( ASTRA_THEME_SETTINGS );
|
||||
return apply_filters( 'astra_submenu_anchor_transperent_style', isset( $astra_settings['v4-3-2-anchor_transperent_style'] ) ? false : true );
|
||||
}
|
||||
|
||||
/**
|
||||
* Get transparent header's last active row to process bottom border design accordingly.
|
||||
*
|
||||
* @param string $device Device type.
|
||||
*
|
||||
* @since 4.6.16
|
||||
* @return string
|
||||
*/
|
||||
function astra_get_transparent_header_last_active_row( $device ) {
|
||||
$selector = '';
|
||||
$prefix_sel = 'desktop' === $device ? '.ast-theme-transparent-header #ast-desktop-header > ' : '.ast-theme-transparent-header.ast-header-break-point #ast-mobile-header > ';
|
||||
$header_rows = array( 'above', 'primary', 'below' );
|
||||
|
||||
foreach ( $header_rows as $row ) {
|
||||
if ( ! Astra_Builder_Helper::is_row_empty( $row, 'header', $device ) ) {
|
||||
continue;
|
||||
}
|
||||
$selector = 'primary' === $row ? $prefix_sel . '.ast-main-header-wrap > .main-header-bar' : $prefix_sel . '.ast-' . $row . '-header-wrap > .ast-' . $row . '-header';
|
||||
}
|
||||
|
||||
return $selector;
|
||||
}
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param String $dynamic_css Astra Dynamic CSS.
|
||||
* @param String $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Dynamic CSS.
|
||||
*/
|
||||
function astra_ext_transparent_header_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( true != Astra_Ext_Transparent_Header_Markup::is_transparent_header() ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set colors
|
||||
*
|
||||
* If colors extension is_active then get color from it.
|
||||
* Else set theme default colors.
|
||||
*/
|
||||
$transparent_header_separator = astra_get_option( 'transparent-header-main-sep' );
|
||||
$transparent_header_separator_color = astra_get_option( 'transparent-header-main-sep-color' );
|
||||
|
||||
$transparent_header_logo_width = astra_get_option( 'transparent-header-logo-width' );
|
||||
|
||||
$transparent_header_inherit = astra_get_option( 'different-transparent-logo' );
|
||||
$transparent_header_logo = astra_get_option( 'transparent-header-logo' );
|
||||
|
||||
$transparent_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'desktop' );
|
||||
$transparent_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'tablet', $transparent_bg_color_desktop );
|
||||
$transparent_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'mobile', ( $transparent_bg_color_tablet ) ? $transparent_bg_color_tablet : $transparent_bg_color_desktop );
|
||||
|
||||
// Above transparent header background color.
|
||||
$above_transparent_bg_color_desktop = astra_get_prop( astra_get_option( 'hba-transparent-header-bg-color-responsive' ), 'desktop' );
|
||||
$above_transparent_bg_color_tablet = astra_get_prop( astra_get_option( 'hba-transparent-header-bg-color-responsive' ), 'tablet', $above_transparent_bg_color_desktop );
|
||||
$above_transparent_bg_color_mobile = astra_get_prop( astra_get_option( 'hba-transparent-header-bg-color-responsive' ), 'mobile', ( $above_transparent_bg_color_tablet ) ? $above_transparent_bg_color_tablet : $above_transparent_bg_color_desktop );
|
||||
|
||||
// Below transparent header background color.
|
||||
$below_transparent_bg_color_desktop = astra_get_prop( astra_get_option( 'hbb-transparent-header-bg-color-responsive' ), 'desktop' );
|
||||
$below_transparent_bg_color_tablet = astra_get_prop( astra_get_option( 'hbb-transparent-header-bg-color-responsive' ), 'tablet', $below_transparent_bg_color_desktop );
|
||||
$below_transparent_bg_color_mobile = astra_get_prop( astra_get_option( 'hbb-transparent-header-bg-color-responsive' ), 'mobile', ( $below_transparent_bg_color_tablet ) ? $below_transparent_bg_color_tablet : $below_transparent_bg_color_desktop );
|
||||
|
||||
$transparent_color_site_title_desktop = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'desktop' );
|
||||
$transparent_color_site_title_tablet = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'tablet' );
|
||||
$transparent_color_site_title_mobile = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_color_h_site_title_desktop = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'desktop' );
|
||||
$transparent_color_h_site_title_tablet = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'tablet' );
|
||||
$transparent_color_h_site_title_mobile = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_menu_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'desktop' );
|
||||
$transparent_menu_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'desktop' );
|
||||
$transparent_menu_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_menu_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'tablet' );
|
||||
$transparent_menu_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'tablet' );
|
||||
$transparent_menu_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_menu_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'mobile' );
|
||||
$transparent_menu_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'mobile' );
|
||||
$transparent_menu_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_sub_menu_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'desktop' );
|
||||
$transparent_sub_menu_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'desktop' );
|
||||
$transparent_sub_menu_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_sub_menu_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'tablet' );
|
||||
$transparent_sub_menu_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'tablet' );
|
||||
$transparent_sub_menu_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_sub_menu_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'mobile' );
|
||||
$transparent_sub_menu_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'mobile' );
|
||||
$transparent_sub_menu_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_content_section_text_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'desktop' );
|
||||
$transparent_content_section_link_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'desktop' );
|
||||
$transparent_content_section_link_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_content_section_text_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'tablet' );
|
||||
$transparent_content_section_link_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'tablet' );
|
||||
$transparent_content_section_link_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_content_section_text_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'mobile' );
|
||||
$transparent_content_section_link_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'mobile' );
|
||||
$transparent_content_section_link_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_header_devices = astra_get_option( 'transparent-header-on-devices' );
|
||||
|
||||
/**
|
||||
* Generate Dynamic CSS
|
||||
*/
|
||||
|
||||
$css = '';
|
||||
|
||||
if ( '0' === $transparent_header_inherit && '' != $transparent_header_logo ) {
|
||||
$css_output = array(
|
||||
'.ast-theme-transparent-header .site-logo-img .custom-logo-link' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
);
|
||||
$css .= astra_parse_css( $css_output );
|
||||
}
|
||||
|
||||
// Handle style guide logo background cases inside the customizer.
|
||||
if ( is_customize_preview() ) {
|
||||
if ( Astra_Ext_Transparent_Header_Markup::is_transparent_header() ) {
|
||||
// Fetch the header items
|
||||
$header_items = astra_get_option( 'header-desktop-items', array() );
|
||||
|
||||
$transparent_bg_colors = array(
|
||||
'above' => $above_transparent_bg_color_desktop,
|
||||
'primary' => $transparent_bg_color_desktop,
|
||||
'below' => $below_transparent_bg_color_desktop,
|
||||
);
|
||||
|
||||
$transparent_bg_color = ! empty( $transparent_bg_color_desktop ) ? esc_attr( $transparent_bg_color_desktop ) : 'black';
|
||||
|
||||
foreach ( $transparent_bg_colors as $section => $bg_color ) {
|
||||
if ( isset( $header_items[ $section ] ) && astra_is_logo_in_section( $header_items[ $section ] ) ) {
|
||||
$transparent_bg_color = ! empty( $bg_color ) ? esc_attr( $bg_color ) : '#d1d5db';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$transparent_header_desktop_bg = array(
|
||||
'.ast-theme-transparent-header .ast-sg-element-wrap.ast-sg-logo-section' => array(
|
||||
'background-color' => $transparent_bg_color,
|
||||
),
|
||||
);
|
||||
|
||||
$css .= astra_parse_css( $transparent_header_desktop_bg );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Desktop Transparent Heder Logo Width.
|
||||
$css_output = array(
|
||||
'.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg' => array(
|
||||
'width' => astra_get_css_value( $transparent_header_logo_width['desktop'], 'px' ),
|
||||
'height' => astra_get_css_value( ( ! empty( $transparent_header_logo_width['desktop-svg-height'] ) && ! is_customize_preview() ) ? $transparent_header_logo_width['desktop-svg-height'] : '', 'px' ),
|
||||
),
|
||||
'.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img' => array(
|
||||
' max-width' => astra_get_css_value( $transparent_header_logo_width['desktop'], 'px' ),
|
||||
' width' => astra_get_css_value( $transparent_header_logo_width['desktop'], 'px' ),
|
||||
),
|
||||
);
|
||||
$css .= astra_parse_css( $css_output );
|
||||
|
||||
// Tablet Transparent Heder Logo Width.
|
||||
$tablet_css_output = array(
|
||||
'.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg' => array(
|
||||
'width' => astra_get_css_value( $transparent_header_logo_width['tablet'], 'px' ),
|
||||
'height' => astra_get_css_value( ( ! empty( $transparent_header_logo_width['tablet-svg-height'] ) && ! is_customize_preview() ) ? $transparent_header_logo_width['tablet-svg-height'] : '', 'px' ),
|
||||
),
|
||||
'.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img' => array(
|
||||
' max-width' => astra_get_css_value( $transparent_header_logo_width['tablet'], 'px' ),
|
||||
' width' => astra_get_css_value( $transparent_header_logo_width['tablet'], 'px' ),
|
||||
),
|
||||
);
|
||||
$css .= astra_parse_css( $tablet_css_output, '', astra_get_tablet_breakpoint() );
|
||||
|
||||
// Mobile Transparent Heder Logo Width.
|
||||
$mobile_css_output = array(
|
||||
'.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg' => array(
|
||||
'width' => astra_get_css_value( $transparent_header_logo_width['mobile'], 'px' ),
|
||||
'height' => astra_get_css_value( ( ! empty( $transparent_header_logo_width['mobile-svg-height'] ) && ! is_customize_preview() ) ? $transparent_header_logo_width['mobile-svg-height'] : '', 'px' ),
|
||||
),
|
||||
'.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img' => array(
|
||||
' max-width' => astra_get_css_value( $transparent_header_logo_width['mobile'], 'px' ),
|
||||
' width' => astra_get_css_value( $transparent_header_logo_width['mobile'], 'px' ),
|
||||
),
|
||||
);
|
||||
$css .= astra_parse_css( $mobile_css_output, '', astra_get_mobile_breakpoint( 1 ) );
|
||||
|
||||
$transparent_header_base = array(
|
||||
'.ast-theme-transparent-header #masthead' => array(
|
||||
'position' => 'absolute',
|
||||
'left' => '0',
|
||||
'right' => '0',
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar' => array(
|
||||
'background' => 'none',
|
||||
),
|
||||
|
||||
'body.elementor-editor-active.ast-theme-transparent-header #masthead, .fl-builder-edit .ast-theme-transparent-header #masthead, body.vc_editor.ast-theme-transparent-header #masthead, body.brz-ed.ast-theme-transparent-header #masthead' => array(
|
||||
'z-index' => '0',
|
||||
),
|
||||
|
||||
'.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .custom-mobile-logo-link' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
|
||||
'.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .transparent-custom-logo' => array(
|
||||
'display' => 'inline-block',
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header, .ast-theme-transparent-header .ast-above-header.ast-above-header-bar' => array(
|
||||
'background-image' => 'none',
|
||||
'background-color' => 'transparent',
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header, .ast-theme-transparent-header .ast-below-header.ast-below-header-bar' => array(
|
||||
'background-image' => 'none',
|
||||
'background-color' => 'transparent',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Transparent Header Colors
|
||||
*/
|
||||
$transparent_header_desktop = array(
|
||||
|
||||
'.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .main-header-bar .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header, .ast-theme-transparent-header .ast-above-header.ast-above-header-bar' => array(
|
||||
'background-color' => esc_attr( $above_transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header, .ast-theme-transparent-header .ast-below-header.ast-below-header-bar' => array(
|
||||
'background-color' => esc_attr( $below_transparent_bg_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited' => array(
|
||||
'color' => esc_attr( $transparent_color_site_title_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .site-header .site-title a:hover' => array(
|
||||
'color' => esc_attr( $transparent_color_h_site_title_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .site-header .site-description' => array(
|
||||
'color' => esc_attr( $transparent_color_site_title_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .sub-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu, .ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation, .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav, .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap, .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap, .ast-theme-transparent-header .main-header-menu .menu-link' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link:hover,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link, .ast-theme-transparent-header .ast-masthead-custom-menu-items, .ast-theme-transparent-header .ast-masthead-custom-menu-items a, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation > ul.ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu, .ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu, .ast-theme-transparent-header .main-header-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_desktop ),
|
||||
),
|
||||
// Content Section text color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget-title, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_desktop ),
|
||||
),
|
||||
// Content Section link color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items a, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_desktop ),
|
||||
),
|
||||
// Content Section link hover color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a:hover, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_desktop ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( astra_has_submenu_transperent_styling() ) {
|
||||
$transparent_header_desktop['.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link'] = array(
|
||||
'background-color' => 'transparent',
|
||||
);
|
||||
}
|
||||
$transparent_header_tablet = array(
|
||||
|
||||
'.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .main-header-bar .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header.ast-header-break-point .ast-above-header, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-bar .main-header-menu' => array(
|
||||
'background-color' => esc_attr( $above_transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header.ast-header-break-point .ast-below-header, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-bar .main-header-menu' => array(
|
||||
'background-color' => esc_attr( $below_transparent_bg_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:hover, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:focus, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:visited' => array(
|
||||
'color' => esc_attr( $transparent_color_site_title_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .site-header .site-title a:hover' => array(
|
||||
'color' => esc_attr( $transparent_color_h_site_title_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .site-header .site-description' => array(
|
||||
'color' => esc_attr( $transparent_color_site_title_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu .sub-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu, .ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation, .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav, .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap, .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap, .ast-theme-transparent-header .main-header-menu .menu-link' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header.astra-hfb-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.astra-hfb-header .ast-builder-menu .main-header-bar-navigation [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header.astra-hfb-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.astra-hfb-header .ast-builder-menu .main-header-bar-navigation [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link:hover,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link, .ast-theme-transparent-header .ast-masthead-custom-menu-items, .ast-theme-transparent-header .ast-masthead-custom-menu-items a,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_tablet ),
|
||||
),
|
||||
// Content Section text color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget-title, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_tablet ),
|
||||
),
|
||||
// Content Section link color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items a, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_tablet ),
|
||||
),
|
||||
// Content Section link hover color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_tablet ),
|
||||
),
|
||||
);
|
||||
|
||||
$transparent_header_mobile = array(
|
||||
|
||||
'.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .main-header-bar .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header.ast-header-break-point .ast-above-header, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-bar .main-header-menu' => array(
|
||||
'background-color' => esc_attr( $above_transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header.ast-header-break-point .ast-below-header, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-bar .main-header-menu' => array(
|
||||
'background-color' => esc_attr( $below_transparent_bg_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .site-title a, .ast-theme-transparent-header .site-title a:focus, .ast-theme-transparent-header .site-title a:hover, .ast-theme-transparent-header .site-title a:visited, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:hover, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:focus, .ast-theme-transparent-header .ast-builder-layout-element .ast-site-identity .site-title a:visited' => array(
|
||||
'color' => esc_attr( $transparent_color_site_title_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .site-header .site-title a:hover' => array(
|
||||
'color' => esc_attr( $transparent_color_h_site_title_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .site-header .site-description' => array(
|
||||
'color' => esc_attr( $transparent_color_site_title_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu .sub-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu, .ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation, .ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation, .ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav, .ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap, .ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap, .ast-theme-transparent-header .main-header-menu .menu-link' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header.astra-hfb-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.astra-hfb-header .ast-builder-menu .main-header-bar-navigation [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .ast-builder-menu .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header.astra-hfb-header .ast-builder-menu [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.astra-hfb-header .ast-builder-menu .main-header-bar-navigation [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link:hover,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.current-menu-item > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item.focus > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link, .ast-header-break-point.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .main-header-menu .menu-item .sub-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link, .ast-theme-transparent-header .ast-masthead-custom-menu-items, .ast-theme-transparent-header .ast-masthead-custom-menu-items a, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link, .ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_mobile ),
|
||||
),
|
||||
// Content Section text color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget-title, .ast-theme-transparent-header .site-header-section [CLASS*="ast-header-html-"] .ast-builder-html-element' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_mobile ),
|
||||
),
|
||||
// Content Section link color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items a, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_mobile ),
|
||||
),
|
||||
// Content Section link hover color.
|
||||
'.ast-theme-transparent-header div.ast-masthead-custom-menu-items a:hover, .ast-theme-transparent-header div.ast-masthead-custom-menu-items .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_mobile ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
if ( 'both' === $transparent_header_devices || 'desktop' === $transparent_header_devices ) {
|
||||
$css .= astra_parse_css( $transparent_header_base, strval( astra_get_tablet_breakpoint() ) );
|
||||
|
||||
// If Transparent header is active on mobile + desktop, enqueue CSS without media queeries.
|
||||
// If only for desktop add media query for the transparent header.
|
||||
if ( 'both' === $transparent_header_devices ) {
|
||||
$css .= astra_parse_css( $transparent_header_desktop );
|
||||
} else {
|
||||
$css .= astra_parse_css( $transparent_header_desktop, astra_get_tablet_breakpoint( '', 1 ) );
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'mobile' === $transparent_header_devices ) {
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
'.transparent-custom-logo' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
),
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
'.transparent-custom-logo' => array(
|
||||
'display' => 'block',
|
||||
),
|
||||
),
|
||||
'',
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
'.ast-transparent-desktop-logo' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
),
|
||||
'',
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
}
|
||||
|
||||
if ( 'desktop' === $transparent_header_devices ) {
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
'.transparent-custom-logo' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
),
|
||||
'',
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
'.ast-transparent-mobile-logo' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
),
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
'.ast-transparent-mobile-logo' => array(
|
||||
'display' => 'block',
|
||||
),
|
||||
),
|
||||
'',
|
||||
astra_get_tablet_breakpoint( 1 )
|
||||
);
|
||||
}
|
||||
|
||||
if ( 'both' === $transparent_header_devices || 'mobile' === $transparent_header_devices ) {
|
||||
$css .= astra_parse_css( $transparent_header_base, '', astra_get_tablet_breakpoint() );
|
||||
$css .= astra_parse_css( $transparent_header_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css .= astra_parse_css( $transparent_header_mobile, '', astra_get_mobile_breakpoint() );
|
||||
}
|
||||
|
||||
if ( 'both' === $transparent_header_devices ) {
|
||||
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
$desktop_selector = astra_get_transparent_header_last_active_row( 'desktop' );
|
||||
$responsive_selector = astra_get_transparent_header_last_active_row( 'mobile' );
|
||||
|
||||
// Join $desktop_selector & $responsive_selector.
|
||||
$selector = ( ! empty( $desktop_selector ) && ! empty( $responsive_selector ) ) ? $desktop_selector . ', ' . $responsive_selector : $desktop_selector . $responsive_selector;
|
||||
} else {
|
||||
$selector = '.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar';
|
||||
}
|
||||
|
||||
if ( '' !== $transparent_header_separator && 'inherit' !== $transparent_header_separator ) {
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
$selector => array(
|
||||
'border-bottom-width' => astra_get_css_value( $transparent_header_separator, 'px' ),
|
||||
'border-bottom-style' => 'solid',
|
||||
'border-bottom-color' => esc_attr( $transparent_header_separator_color ),
|
||||
),
|
||||
)
|
||||
);
|
||||
} else {
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
$selector => array(
|
||||
'border-bottom-style' => 'none',
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'mobile' === $transparent_header_devices ) {
|
||||
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
$selector = astra_get_transparent_header_last_active_row( 'mobile' );
|
||||
} else {
|
||||
$selector = '.ast-theme-transparent-header.ast-header-break-point .main-header-bar';
|
||||
}
|
||||
|
||||
if ( '' !== $transparent_header_separator && 'inherit' !== $transparent_header_separator ) {
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
$selector => array(
|
||||
'border-bottom-width' => astra_get_css_value( $transparent_header_separator, 'px' ),
|
||||
'border-bottom-style' => 'solid',
|
||||
'border-bottom-color' => esc_attr( $transparent_header_separator_color ),
|
||||
),
|
||||
),
|
||||
'',
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
} else {
|
||||
$css .= astra_parse_css(
|
||||
array(
|
||||
$selector => array(
|
||||
'border-bottom-style' => 'none',
|
||||
),
|
||||
),
|
||||
'',
|
||||
astra_get_tablet_breakpoint()
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'desktop' === $transparent_header_devices ) {
|
||||
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
$selector = astra_get_transparent_header_last_active_row( 'desktop' );
|
||||
} else {
|
||||
$selector = '.ast-theme-transparent-header .main-header-bar';
|
||||
}
|
||||
|
||||
if ( '' !== $transparent_header_separator && 'inherit' !== $transparent_header_separator ) {
|
||||
$transparent_header_base = array(
|
||||
$selector => array(
|
||||
'border-bottom-width' => astra_get_css_value( $transparent_header_separator, 'px' ),
|
||||
'border-bottom-style' => 'solid',
|
||||
'border-bottom-color' => esc_attr( $transparent_header_separator_color ),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
$transparent_header_base = array(
|
||||
$selector => array(
|
||||
'border-bottom-style' => 'none',
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
$css .= astra_parse_css( $transparent_header_base, strval( astra_get_tablet_breakpoint() ) );
|
||||
}
|
||||
|
||||
$dynamic_css .= $css;
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1,561 @@
|
||||
<?php
|
||||
/**
|
||||
* Transparent Header - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Transparent Above Header
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_ext_transparent_above_header_sections_dynamic_css' );
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for above header transparent header.
|
||||
*/
|
||||
function astra_ext_transparent_above_header_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$above_header_layout = astra_get_option( 'above-header-layout', 'disabled' );
|
||||
|
||||
if ( 'disabled' === $above_header_layout ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
if ( false == Astra_Ext_Transparent_Header_Markup::is_transparent_header() ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set colors
|
||||
*/
|
||||
|
||||
$transparent_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'desktop' );
|
||||
$transparent_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'tablet' );
|
||||
$transparent_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_color_site_title_desktop = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'desktop' );
|
||||
$transparent_color_site_title_tablet = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'tablet' );
|
||||
$transparent_color_site_title_mobile = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_color_h_site_title_desktop = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'desktop' );
|
||||
$transparent_color_h_site_title_tablet = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'tablet' );
|
||||
$transparent_color_h_site_title_mobile = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_menu_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'desktop' );
|
||||
$transparent_menu_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'desktop' );
|
||||
$transparent_menu_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_menu_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'tablet' );
|
||||
$transparent_menu_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'tablet' );
|
||||
$transparent_menu_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_menu_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'mobile' );
|
||||
$transparent_menu_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'mobile' );
|
||||
$transparent_menu_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_sub_menu_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'desktop' );
|
||||
$transparent_sub_menu_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'desktop' );
|
||||
$transparent_sub_menu_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_sub_menu_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'tablet' );
|
||||
$transparent_sub_menu_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'tablet' );
|
||||
$transparent_sub_menu_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_sub_menu_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'mobile' );
|
||||
$transparent_sub_menu_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'mobile' );
|
||||
$transparent_sub_menu_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_content_section_text_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'desktop' );
|
||||
$transparent_content_section_link_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'desktop' );
|
||||
$transparent_content_section_link_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_content_section_text_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'tablet' );
|
||||
$transparent_content_section_link_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'tablet' );
|
||||
$transparent_content_section_link_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_content_section_text_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'mobile' );
|
||||
$transparent_content_section_link_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'mobile' );
|
||||
$transparent_content_section_link_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'mobile' );
|
||||
|
||||
/**
|
||||
* Generate Dynamic CSS
|
||||
*/
|
||||
|
||||
$css = '';
|
||||
/**
|
||||
* Transparent Header Colors
|
||||
*/
|
||||
$transparent_header_desktop = array(
|
||||
'.ast-theme-transparent-header .ast-above-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul.ast-above-header-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .slide-search .search-field' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .slide-search .search-field:focus' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation .menu-item:hover > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation > ul.ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu, .ast-theme-transparent-header .ast-above-header-navigation .ast-above-header-menu .sub-menu a' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_desktop ),
|
||||
),
|
||||
|
||||
// Content Section text color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select, .ast-theme-transparent-header .ast-above-header-section .widget, .ast-theme-transparent-header .ast-above-header-section .widget-title' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_desktop ),
|
||||
),
|
||||
// Content Section link color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select a, .ast-theme-transparent-header .ast-above-header-section .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_desktop ),
|
||||
),
|
||||
// Content Section link hover color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select a:hover, .ast-theme-transparent-header .ast-above-header-section .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_desktop ),
|
||||
),
|
||||
|
||||
);
|
||||
|
||||
$transparent_header_tablet = array(
|
||||
'.ast-theme-transparent-header .ast-above-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul.ast-above-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .slide-search .search-field' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .slide-search .search-field:focus' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation .menu-item:hover > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation > ul.ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu, .ast-theme-transparent-header .ast-above-header-navigation .ast-above-header-menu .sub-menu a' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_tablet ),
|
||||
),
|
||||
|
||||
// Content Section text color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select, .ast-theme-transparent-header .ast-above-header-section .widget, .ast-theme-transparent-header .ast-above-header-section .widget-title' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_tablet ),
|
||||
),
|
||||
// Content Section link color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select a, .ast-theme-transparent-header .ast-above-header-section .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_tablet ),
|
||||
),
|
||||
// Content Section link hover color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select a:hover, .ast-theme-transparent-header .ast-above-header-section .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_tablet ),
|
||||
),
|
||||
);
|
||||
|
||||
$transparent_header_mobile = array(
|
||||
'.ast-theme-transparent-header .ast-above-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-above-header-section-separated .ast-above-header-navigation ul.ast-above-header-menu, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .slide-search .search-field' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header .slide-search .search-field:focus' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-theme-transparent-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation .menu-item:hover > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a, .ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation > ul.ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-item,.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-above-header-menu .sub-menu, .ast-theme-transparent-header .ast-above-header-navigation .ast-above-header-menu .sub-menu a' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_mobile ),
|
||||
),
|
||||
|
||||
// Content Section text color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select, .ast-theme-transparent-header .ast-above-header-section .widget, .ast-theme-transparent-header .ast-above-header-section .widget-title' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_mobile ),
|
||||
),
|
||||
// Content Section link color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select a, .ast-theme-transparent-header .ast-above-header-section .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_mobile ),
|
||||
),
|
||||
// Content Section link hover color.
|
||||
'.ast-theme-transparent-header .ast-above-header-section .user-select a:hover, .ast-theme-transparent-header .ast-above-header-section .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_mobile ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css .= astra_parse_css( $transparent_header_desktop );
|
||||
$css .= astra_parse_css( $transparent_header_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css .= astra_parse_css( $transparent_header_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
return $dynamic_css . $css;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Transparent Below Header
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_ext_transparent_below_header_sections_dynamic_css' );
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS.
|
||||
*/
|
||||
function astra_ext_transparent_below_header_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
// set page width depending on site layout.
|
||||
$below_header_layout = astra_get_option( 'below-header-layout', 'disabled' );
|
||||
|
||||
if ( 'disabled' === $below_header_layout ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
if ( false == Astra_Ext_Transparent_Header_Markup::is_transparent_header() ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set colors
|
||||
*/
|
||||
|
||||
$transparent_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'desktop' );
|
||||
$transparent_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'tablet' );
|
||||
$transparent_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-header-bg-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_color_site_title_desktop = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'desktop' );
|
||||
$transparent_color_site_title_tablet = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'tablet' );
|
||||
$transparent_color_site_title_mobile = astra_get_prop( astra_get_option( 'transparent-header-color-site-title-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_color_h_site_title_desktop = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'desktop' );
|
||||
$transparent_color_h_site_title_tablet = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'tablet' );
|
||||
$transparent_color_h_site_title_mobile = astra_get_prop( astra_get_option( 'transparent-header-color-h-site-title-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_menu_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'desktop' );
|
||||
$transparent_menu_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'desktop' );
|
||||
$transparent_menu_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_menu_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'tablet' );
|
||||
$transparent_menu_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'tablet' );
|
||||
$transparent_menu_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_menu_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-bg-color-responsive' ), 'mobile' );
|
||||
$transparent_menu_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-color-responsive' ), 'mobile' );
|
||||
$transparent_menu_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-menu-h-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_sub_menu_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'desktop' );
|
||||
$transparent_sub_menu_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'desktop' );
|
||||
$transparent_sub_menu_bg_color_desktop = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_sub_menu_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'tablet' );
|
||||
$transparent_sub_menu_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'tablet' );
|
||||
$transparent_sub_menu_bg_color_tablet = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_sub_menu_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-color-responsive' ), 'mobile' );
|
||||
$transparent_sub_menu_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-h-color-responsive' ), 'mobile' );
|
||||
$transparent_sub_menu_bg_color_mobile = astra_get_prop( astra_get_option( 'transparent-submenu-bg-color-responsive' ), 'mobile' );
|
||||
|
||||
$transparent_content_section_text_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'desktop' );
|
||||
$transparent_content_section_link_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'desktop' );
|
||||
$transparent_content_section_link_h_color_desktop = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'desktop' );
|
||||
|
||||
$transparent_content_section_text_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'tablet' );
|
||||
$transparent_content_section_link_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'tablet' );
|
||||
$transparent_content_section_link_h_color_tablet = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'tablet' );
|
||||
|
||||
$transparent_content_section_text_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-text-color-responsive' ), 'mobile' );
|
||||
$transparent_content_section_link_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-link-color-responsive' ), 'mobile' );
|
||||
$transparent_content_section_link_h_color_mobile = astra_get_prop( astra_get_option( 'transparent-content-section-link-h-color-responsive' ), 'mobile' );
|
||||
|
||||
/**
|
||||
* Generate Dynamic CSS
|
||||
*/
|
||||
|
||||
$css = '';
|
||||
/**
|
||||
* Transparent Header Colors
|
||||
*/
|
||||
$transparent_header_desktop = array(
|
||||
'.ast-theme-transparent-header.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-theme-transparent-header .ast-below-header-actual-nav, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-actual-nav' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .slide-search .search-field' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .slide-search .search-field:focus' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_desktop ),
|
||||
),
|
||||
/**
|
||||
* Below Header Navigation
|
||||
*/
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu, .ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_desktop ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Below Header Dropdown Navigation
|
||||
*/
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-item' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu, .ast-theme-transparent-header .ast-below-header-menu .sub-menu a' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_desktop ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Content Colors & Typography
|
||||
*/
|
||||
'.ast-theme-transparent-header .below-header-user-select, .ast-theme-transparent-header .below-header-user-select .widget,.ast-theme-transparent-header .below-header-user-select .widget-title' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .below-header-user-select a, .ast-theme-transparent-header .below-header-user-select .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_desktop ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .below-header-user-select a:hover, .ast-theme-transparent-header .below-header-user-select .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_desktop ),
|
||||
),
|
||||
);
|
||||
|
||||
$transparent_header_tablet = array(
|
||||
|
||||
'.ast-theme-transparent-header.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-theme-transparent-header .ast-below-header-actual-nav, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-actual-nav' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .slide-search .search-field' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .slide-search .search-field:focus' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_tablet ),
|
||||
),
|
||||
/**
|
||||
* Below Header Navigation
|
||||
*/
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu, .ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_tablet ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Below Header Dropdown Navigation
|
||||
*/
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-item' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu, .ast-theme-transparent-header .ast-below-header-menu .sub-menu a' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_tablet ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Content Colors & Typography
|
||||
*/
|
||||
'.ast-theme-transparent-header .below-header-user-select, .ast-theme-transparent-header .below-header-user-select .widget,.ast-theme-transparent-header .below-header-user-select .widget-title' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .below-header-user-select a, .ast-theme-transparent-header .below-header-user-select .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_tablet ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .below-header-user-select a:hover, .ast-theme-transparent-header .below-header-user-select .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_tablet ),
|
||||
),
|
||||
);
|
||||
|
||||
$transparent_header_mobile = array(
|
||||
|
||||
'.ast-theme-transparent-header.ast-no-toggle-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap, .ast-theme-transparent-header .ast-below-header-actual-nav, .ast-theme-transparent-header.ast-header-break-point .ast-below-header-actual-nav' => array(
|
||||
'background-color' => esc_attr( $transparent_menu_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .ast-search-menu-icon form' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .slide-search .search-field' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
'.ast-theme-transparent-header .ast-below-header .slide-search .search-field:focus' => array(
|
||||
'background-color' => esc_attr( $transparent_bg_color_mobile ),
|
||||
),
|
||||
/**
|
||||
* Below Header Navigation
|
||||
*/
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu, .ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a, .ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu' => array(
|
||||
'color' => esc_attr( $transparent_menu_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
|
||||
'color' => esc_attr( $transparent_menu_h_color_mobile ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Below Header Dropdown Navigation
|
||||
*/
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:hover > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item:focus > .menu-item, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.focus > .menu-item' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-theme-transparent-header .ast-below-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_h_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu' => array(
|
||||
'background-color' => esc_attr( $transparent_sub_menu_bg_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .ast-below-header-menu .sub-menu, .ast-theme-transparent-header .ast-below-header-menu .sub-menu a' => array(
|
||||
'color' => esc_attr( $transparent_sub_menu_color_mobile ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Content Colors & Typography
|
||||
*/
|
||||
'.ast-theme-transparent-header .below-header-user-select, .ast-theme-transparent-header .below-header-user-select .widget,.ast-theme-transparent-header .below-header-user-select .widget-title' => array(
|
||||
'color' => esc_attr( $transparent_content_section_text_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .below-header-user-select a, .ast-theme-transparent-header .below-header-user-select .widget a' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_color_mobile ),
|
||||
),
|
||||
|
||||
'.ast-theme-transparent-header .below-header-user-select a:hover, .ast-theme-transparent-header .below-header-user-select .widget a:hover' => array(
|
||||
'color' => esc_attr( $transparent_content_section_link_h_color_mobile ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css .= astra_parse_css( $transparent_header_desktop );
|
||||
$css .= astra_parse_css( $transparent_header_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css .= astra_parse_css( $transparent_header_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
return $dynamic_css . $css;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
/**
|
||||
* Index file
|
||||
*
|
||||
* @package Astra
|
||||
* @since Astra 1.0.0
|
||||
*/
|
||||
|
||||
/* Silence is golden, and we agree. */
|
||||
@@ -0,0 +1,308 @@
|
||||
<?php
|
||||
/**
|
||||
* Colors and Background - Header Options for our theme.
|
||||
*
|
||||
* @package Astra Addon
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 1.4.3
|
||||
*/
|
||||
|
||||
// Block direct access to the file.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
// Bail if Customizer config base class does not exist.
|
||||
if ( ! class_exists( 'Astra_Customizer_Config_Base' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Sanitizes
|
||||
*
|
||||
* @since 1.4.3
|
||||
*/
|
||||
if ( ! class_exists( 'Astra_Customizer_Colors_Transparent_Header_Configs' ) ) {
|
||||
|
||||
/**
|
||||
* Register Colors and Background - Header Options Customizer Configurations.
|
||||
*/
|
||||
class Astra_Customizer_Colors_Transparent_Header_Configs extends Astra_Customizer_Config_Base {
|
||||
|
||||
/**
|
||||
* Register Colors and Background - Header Options Customizer Configurations.
|
||||
*
|
||||
* @param Array $configurations Astra Customizer Configurations.
|
||||
* @param WP_Customize_Manager $wp_customize instance of WP_Customize_Manager.
|
||||
* @since 1.4.3
|
||||
* @return Array Astra Customizer Configurations with updated configurations.
|
||||
*/
|
||||
public function register_configuration( $configurations, $wp_customize ) {
|
||||
|
||||
$_configs = array(
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Option: Transparent Header logo color
|
||||
*/
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[transparent-header-logo-color]',
|
||||
'default' => astra_get_option( 'transparent-header-logo-color' ),
|
||||
'section' => 'section-transparent-header',
|
||||
'type' => 'control',
|
||||
'priority' => 34,
|
||||
'control' => 'ast-color',
|
||||
'title' => __( 'Logo Color', 'astra' ),
|
||||
'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab,
|
||||
'responsive' => false,
|
||||
'rgba' => true,
|
||||
'description' => __( 'Use it with transparent images for optimal results.', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-section-spacing' ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Above header background overlay color
|
||||
*/
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[hba-transparent-header-bg-color-responsive]',
|
||||
'default' => astra_get_option( 'hba-transparent-header-bg-color-responsive' ),
|
||||
'section' => 'section-transparent-header',
|
||||
'type' => 'control',
|
||||
'priority' => 34,
|
||||
'transport' => 'postMessage',
|
||||
'control' => 'ast-responsive-color',
|
||||
'title' => __( 'Above Header', 'astra' ),
|
||||
'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab,
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
'divider' => array(
|
||||
'ast_class' => 'ast-top-divider ast-top-dotted-divider',
|
||||
'ast_title' => __( 'Background Overlay', 'astra' ),
|
||||
),
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Header background overlay color
|
||||
*/
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[transparent-header-bg-color-responsive]',
|
||||
'default' => astra_get_option( 'transparent-header-bg-color-responsive' ),
|
||||
'section' => 'section-transparent-header',
|
||||
'type' => 'control',
|
||||
'priority' => 34,
|
||||
'transport' => 'postMessage',
|
||||
'control' => 'ast-responsive-color',
|
||||
'title' => __( 'Primary Header', 'astra' ),
|
||||
'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab,
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Below header background overlay color
|
||||
*/
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[hbb-transparent-header-bg-color-responsive]',
|
||||
'default' => astra_get_option( 'hbb-transparent-header-bg-color-responsive' ),
|
||||
'section' => 'section-transparent-header',
|
||||
'type' => 'control',
|
||||
'priority' => 34,
|
||||
'transport' => 'postMessage',
|
||||
'control' => 'ast-responsive-color',
|
||||
'title' => __( 'Below Header', 'astra' ),
|
||||
'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab,
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Site Title Color
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-header-color-site-title-responsive',
|
||||
'default' => astra_get_option( 'transparent-header-color-site-title-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 1,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors]',
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'title' => __( 'Normal', 'astra' ),
|
||||
'tab' => __( 'Normal', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Site Title Hover Color
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-header-color-h-site-title-responsive',
|
||||
'default' => astra_get_option( 'transparent-header-color-h-site-title-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 1,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors]',
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'title' => __( 'Hover', 'astra' ),
|
||||
'tab' => __( 'Hover', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Primary Menu Color
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-menu-color-responsive',
|
||||
'default' => astra_get_option( 'transparent-menu-color-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 2,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors-menu]',
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'tab' => __( 'Normal', 'astra' ),
|
||||
'title' => __( 'Normal', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Menu Background Color
|
||||
*/
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[transparent-menu-bg-color-responsive]',
|
||||
'default' => astra_get_option( 'transparent-menu-bg-color-responsive' ),
|
||||
'type' => 'control',
|
||||
'priority' => 36,
|
||||
'section' => 'section-transparent-header',
|
||||
'transport' => 'postMessage',
|
||||
'control' => 'ast-responsive-color',
|
||||
'tab' => __( 'Normal', 'astra' ),
|
||||
'title' => __( 'Background', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Menu Hover Color
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-menu-h-color-responsive',
|
||||
'default' => astra_get_option( 'transparent-menu-h-color-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 3,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors-menu]',
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'tab' => __( 'Hover', 'astra' ),
|
||||
'title' => __( 'Hover / Active', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Sub menu text color.
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-submenu-color-responsive',
|
||||
'default' => astra_get_option( 'transparent-submenu-color-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 3,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors-submenu]',
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'tab' => __( 'Normal', 'astra' ),
|
||||
'title' => __( 'Normal', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Sub menu background color.
|
||||
*/
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[transparent-submenu-bg-color-responsive]',
|
||||
'default' => astra_get_option( 'transparent-submenu-bg-color-responsive' ),
|
||||
'type' => 'control',
|
||||
'priority' => 38,
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'tab' => __( 'Normal', 'astra' ),
|
||||
'title' => __( 'Background', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
'context' => ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) ? Astra_Builder_Helper::$design_tab : Astra_Builder_Helper::$general_tab,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Sub menu active hover color.
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-submenu-h-color-responsive',
|
||||
'default' => astra_get_option( 'transparent-submenu-h-color-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 3,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors-submenu]',
|
||||
'section' => 'section-transparent-header',
|
||||
'control' => 'ast-responsive-color',
|
||||
'transport' => 'postMessage',
|
||||
'tab' => __( 'Hover', 'astra' ),
|
||||
'title' => __( 'Hover / Active', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Content Section Link color.
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-content-section-link-color-responsive',
|
||||
'default' => astra_get_option( 'transparent-content-section-link-color-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 4,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors-content]',
|
||||
'section' => 'section-transparent-header',
|
||||
'transport' => 'postMessage',
|
||||
'control' => 'ast-responsive-color',
|
||||
'tab' => __( 'Normal', 'astra' ),
|
||||
'title' => __( 'Normal', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
|
||||
/**
|
||||
* Option: Content Section Link Hover color.
|
||||
*/
|
||||
array(
|
||||
'name' => 'transparent-content-section-link-h-color-responsive',
|
||||
'default' => astra_get_option( 'transparent-content-section-link-h-color-responsive' ),
|
||||
'type' => 'sub-control',
|
||||
'priority' => 4,
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[transparent-header-colors-content]',
|
||||
'section' => 'section-transparent-header',
|
||||
'transport' => 'postMessage',
|
||||
'control' => 'ast-responsive-color',
|
||||
'tab' => __( 'Hover', 'astra' ),
|
||||
'title' => __( 'Hover', 'astra' ),
|
||||
'responsive' => true,
|
||||
'rgba' => true,
|
||||
),
|
||||
);
|
||||
|
||||
return array_merge( $configurations, $_configs );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
new Astra_Customizer_Colors_Transparent_Header_Configs();
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
/**
|
||||
* Index file
|
||||
*
|
||||
* @package Astra
|
||||
* @since Astra 1.0.0
|
||||
*/
|
||||
|
||||
/* Silence is golden, and we agree. */
|
||||
@@ -0,0 +1,9 @@
|
||||
<?php
|
||||
/**
|
||||
* Index file
|
||||
*
|
||||
* @package Astra
|
||||
* @since Astra 1.0.0
|
||||
*/
|
||||
|
||||
/* Silence is golden, and we agree. */
|
||||
Reference in New Issue
Block a user