.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container { height: <?php echo esc_html( $menu_height * .18 ); ?>px; }
<?php if ( 40 !== $fixed_menu_height ) { ?>
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding: <?php echo esc_html( intval( round( $fixed_menu_height / 2 ) ) ); ?>px 0 0 0; }
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: <?php echo esc_html( round( $fixed_menu_height / 2 ) ); ?>px; }
.et_header_style_centered header#main-header.et-fixed-header .logo_container { height: <?php echo esc_html( $fixed_menu_height ); ?>px; }
.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap { width: <?php echo esc_html( $fixed_menu_height ); ?>px; margin: -<?php echo esc_html( $fixed_menu_height ); ?>px 0; }
.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { max-height: <?php echo esc_html( $fixed_menu_height ); ?>px; }
.et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: <?php echo esc_html( $fixed_menu_height ); ?>px; }
.et_header_style_slide .et-fixed-header #et-top-navigation, .et_header_style_fullscreen .et-fixed-header #et-top-navigation { padding: <?php echo esc_html( round( ( $fixed_menu_height - 18 ) / 2 ) ); ?>px 0 <?php echo esc_html( round( ( $fixed_menu_height - 18 ) / 2 ) ); ?>px 0 !important; }
<?php if ( 54 !== $logo_height && 'split' === $header_style ) { ?>
.et_header_style_split #main-header .centered-inline-logo-wrap { width: auto; height: <?php echo esc_html( ( ( intval( $menu_height ) / 100 ) * $logo_height ) + 14 ); ?>px; }
.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap { width: auto; height: <?php echo esc_html( ( ( intval( $fixed_menu_height ) / 100 ) * $logo_height ) + 14 ); ?>px; }
.et_header_style_split .centered-inline-logo-wrap #logo,
.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: auto; max-height: 100%; }
<?php if ( $fixed_secondary_nav_bg !== '#2ea3f2' ) { ?>
.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul { background-color: <?php echo esc_html( $fixed_secondary_nav_bg ); ?>; }
<?php if ( $fixed_primary_nav_bg !== $primary_nav_bg ) { ?>
.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form { background-color: <?php echo esc_html( $fixed_primary_nav_bg ); ?>; }
<?php if ( $fixed_primary_nav_font_size !== $primary_nav_font_size ) { ?>
.et-fixed-header #top-menu li a { font-size: <?php echo esc_html( $fixed_primary_nav_font_size ); ?>px; }
<?php if ( $fixed_menu_link !== 'rgba(0,0,0,0.6)' ) { ?>
.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
.et-fixed-header .et_search_form_container input::-moz-placeholder { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
.et-fixed-header .et_search_form_container input::-webkit-input-placeholder { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
.et-fixed-header .et_search_form_container input:-ms-input-placeholder { color: <?php echo esc_html( $fixed_menu_link ); ?> !important; }
<?php if ( $fixed_menu_link_active !== '#2ea3f2' ) { ?>
.et-fixed-header #top-menu li.current-menu-ancestor > a,
.et-fixed-header #top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current_page_item > a { color: <?php echo esc_html( $fixed_menu_link_active ); ?> !important; }
<?php if ( '#ffffff' !== $fixed_secondary_menu_link ) { ?>
.et-fixed-header#top-header a { color: <?php echo esc_html( $fixed_secondary_menu_link ); ?>; }
et_pb_print_styles_css( array(
'key' => 'post_meta_font_size',
'selector' => $et_pb_print_selectors_post_meta,
'key' => 'post_header_font_size',
'type' => 'font-size-post-header',
@media only screen and ( min-width: <?php echo esc_html( $large_content_width ); ?>px) {
<?php echo $css( '.et_pb_row', false ); ?> { padding: <?php echo esc_html( intval( $large_content_width * $row_padding / 100 ) ); ?>px 0; }
<?php echo $css( '.et_pb_section', false ); ?> { padding: <?php echo esc_html( intval( $large_content_width * $section_padding / 100 ) ); ?>px 0; }
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper { padding-top: <?php echo esc_html( intval( $large_content_width * $row_padding / 100 * 3 ) ); ?>px; }
<?php echo $css( '.et_pb_fullwidth_section', false ); ?> { padding: 0; }
<?php if ( 30 !== $body_header_size ) { ?>
<?php echo $css( 'h1' ); ?>,
<?php echo $css( 'h1.et_pb_contact_main_title' ); ?>,
<?php echo $css( '.et_pb_title_container h1' ); ?> {
font-size: <?php echo esc_html( $body_header_size ); ?>px;
<?php echo $css( 'h2' ); ?>,
<?php echo $css( '.product .related h2' ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote p', false ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * .86 ) ) ; ?>px;
<?php echo $css( 'h3' ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * .73 ) ); ?>px;
<?php echo $css( 'h4' ); ?>,
<?php echo $css( '.et_pb_circle_counter h3', false ); ?>,
<?php echo $css( '.et_pb_number_counter h3', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_pb_post h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_pb_post h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_pb_audio_module_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_pb_audio_module_content h2', false ); ?>,
<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * .6 ) ); ?>px;
<?php echo $css( 'h5' ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * .53 ) ); ?>px;
<?php echo $css( 'h6' ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * .47 ) ); ?>px;
<?php echo $css( '.et_pb_slide_description .et_pb_slide_title', false ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * 1.53 ) ); ?>px;
<?php echo $css( '.woocommerce', 'ul.products li.product h3' ); ?>,
<?php echo $css( '.woocommerce-page', 'ul.products li.product h3' ); ?>,
<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_pb_audio_module_content h2', false ); ?> {
font-size: <?php echo esc_html( intval( $body_header_size * .53 ) ); ?>px;
@media only screen and ( max-width: 980px ) {
<?php if ( $mobile_primary_nav_bg !== $primary_nav_bg ) { ?>
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: <?php echo esc_html( $mobile_primary_nav_bg ); ?>; }
<?php if ( $menu_link !== $mobile_menu_link ) { ?>
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar:before, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a, .et_mobile_menu li a, #et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, #et-top-navigation .et-cart-info { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
.et_close_search_field:after { color: <?php echo esc_html( $mobile_menu_link ); ?> !important; }
.et_search_form_container input::-moz-placeholder { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
.et_search_form_container input::-webkit-input-placeholder { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
.et_search_form_container input:-ms-input-placeholder { color: <?php echo esc_html( $mobile_menu_link ); ?>; }
<?php if ( 14 !== $tablet_body_font_size && $body_font_size !== $tablet_body_font_size ) { ?>
<?php echo esc_html( $body_selector_sibling ); ?>
<?php echo esc_html( $body_selector ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_link_content a.et_link_main_url', false ); ?> {
font-size: <?php echo esc_html( $tablet_body_font_size ); ?>px;
<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content', false ); ?>,
<?php echo $css( '.et_pb_best_value', false ); ?> {
font-size: <?php echo esc_html( intval( $tablet_body_font_size * 1.14 ) ); ?>px;
<?php if ( 30 !== $tablet_header_font_size && $tablet_header_font_size !== $body_header_size ) { ?>
<?php echo $css( 'h1' ); ?> {
font-size: <?php echo esc_html( $tablet_header_font_size ); ?>px;
<?php echo $css( 'h2' ); ?>,
<?php echo $css( '.product .related h2' ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote p', false ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * .86 ) ) ; ?>px;
<?php echo $css( 'h3' ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * .73 ) ); ?>px;
<?php echo $css( 'h4', false ); ?>,
<?php echo $css( '.et_pb_circle_counter h3', false ); ?>,
<?php echo $css( '.et_pb_number_counter h3', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_pb_post h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_pb_post h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_pb_audio_module_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_pb_audio_module_content h2', false ); ?>,
<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * .6 ) ); ?>px;
<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title', false ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * 1.53 ) ); ?>px;
<?php echo $css( '.woocommerce', 'ul.products li.product h3' ); ?>,
<?php echo $css( '.woocommerce-page', 'ul.products li.product h3' ); ?>,
<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_pb_audio_module_content h2', false ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * .53 ) ); ?>px;
<?php echo $css( 'h5' ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * .53 ) ); ?>px;
<?php echo $css( 'h6' ); ?> {
font-size: <?php echo esc_html( intval( $tablet_header_font_size * .47 ) ); ?>px;
<?php if ( 50 !== $tablet_section_height ) { ?>
<?php echo $css( '.et_pb_section', false ); ?> {
padding: <?php echo esc_html( $tablet_section_height ); ?>px 0;
<?php echo $css( '.et_pb_section.et_pb_fullwidth_section', false ); ?> {
<?php if ( 30 !== $tablet_row_height ) { ?>
<?php echo $css( '.et_pb_row', false ); ?>,
<?php echo $css( '.et_pb_column .et_pb_row_inner', false ); ?> {
padding: <?php echo esc_html( $tablet_row_height ); ?>px 0;
@media only screen and ( max-width: 767px ) {
<?php if ( 14 !== $phone_body_font_size && $phone_body_font_size !== $tablet_body_font_size ) { ?>
<?php echo esc_html( $body_selector_sibling ); ?>
<?php echo esc_html( $body_selector ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote cite', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_link_content a.et_link_main_url', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_link_content a.et_link_main_url', false ); ?> {
font-size: <?php echo esc_html( $phone_body_font_size ); ?>px;
<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content', false ); ?>,
<?php echo $css( '.et_pb_best_value', false ); ?> {
font-size: <?php echo esc_html( intval( $phone_body_font_size * 1.14 ) ); ?>px;
<?php if ( 30 !== $phone_header_font_size && $tablet_header_font_size !== $phone_header_font_size ) { ?>
<?php echo $css( 'h1' ); ?> {
font-size: <?php echo esc_html( $phone_header_font_size ); ?>px;
<?php echo $css( 'h2' ); ?>,
<?php echo $css( '.product .related h2' ); ?>,
<?php echo $css( '.et_pb_column_1_2 .et_quote_content blockquote p', false ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * .86 ) ) ; ?>px;
<?php echo $css( 'h3' ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * .73 ) ); ?>px;
<?php echo $css( 'h4' ); ?>,
<?php echo $css( '.et_pb_circle_counter h3', false ); ?>,
<?php echo $css( '.et_pb_number_counter h3', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_pb_post h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_pb_post h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_quote_content blockquote p', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_link_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_blog_grid .et_audio_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_3_8 .et_pb_audio_module_content h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_3 .et_pb_audio_module_content h2', false ); ?>,
<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * .6 ) ); ?>px;
<?php echo $css( '.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description .et_pb_slide_title', false ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * 1.53 ) ); ?>px;
<?php echo $css( '.woocommerce', 'ul.products li.product h3' ); ?>,
<?php echo $css( '.woocommerce-page', 'ul.products li.product h3' ); ?>,
<?php echo $css( '.et_pb_gallery_grid .et_pb_gallery_item h3', false ); ?>,
<?php echo $css( '.et_pb_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2', false ); ?>,
<?php echo $css( '.et_pb_column_1_4 .et_pb_audio_module_content h2', false ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * .53 ) ); ?>px;
<?php echo $css( 'h5' ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * .53 ) ) ?>px;
<?php echo $css( 'h6' ); ?> {
font-size: <?php echo esc_html( intval( $phone_header_font_size * .47 ) ) ?>px;
<?php if ( 50 !== $phone_section_height && $tablet_section_height !== $phone_section_height ) { ?>
<?php echo $css( '.et_pb_section', false ); ?> {
padding: <?php echo esc_html( $phone_section_height ); ?>px 0;
<?php echo $css( '.et_pb_section.et_pb_fullwidth_section', false ); ?> {
<?php if ( 30 !== $phone_row_height && $tablet_row_height !== $phone_row_height ) { ?>
<?php echo $css( '.et_pb_row', false ); ?>,
<?php echo $css( '.et_pb_column .et_pb_row_inner', false ); ?> {
padding: <?php echo esc_html( $phone_row_height ); ?>px 0;
<?php // <<<--------- END THEME CUSTOMIZER CSS --------->>>
* Filter Theme Customizer CSS output.
* @param string $theme_customizer_css
$css_output[] = apply_filters( 'et_divi_theme_customizer_css_output', ob_get_clean() );
$et_gf_heading_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'heading_font', 'none' ) ) );
$et_gf_body_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'body_font', 'none' ) ) );
$et_gf_buttons_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'all_buttons_font', 'none' ) ) );
$et_gf_primary_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'primary_nav_font', 'none' ) ) );
$et_gf_secondary_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'secondary_nav_font', 'none' ) ) );
$et_gf_slide_nav_font = sanitize_text_field( et_pb_get_specific_default_font( et_get_option( 'slide_nav_font', 'none' ) ) );
/* =========================================
* --------->>> BEGIN FONTS CSS <<<---------
* ========================================= */
if ( ! in_array( $et_gf_heading_font, array( '', 'none' ), true ) || ! in_array( $et_gf_body_font, array( '', 'none' ), true ) || ! in_array( $et_gf_buttons_font, array( '', 'none' ), true ) || ! in_array( $et_gf_primary_nav_font, array( '', 'none' ), true ) || ! in_array( $et_gf_secondary_nav_font, array( '', 'none' ), true ) || ! in_array( $et_gf_slide_nav_font, array( '', 'none' ), true ) ) {
if ( ! in_array( $et_gf_heading_font, array( '', 'none' ) ) ) {
<?php echo $css( 'h1' ); ?>,
<?php echo $css( 'h2' ); ?>,
<?php echo $css( 'h3' ); ?>,
<?php echo $css( 'h4' ); ?>,
<?php echo $css( 'h5' ); ?>,
<?php echo $css( 'h6' ); ?> {
<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_heading_font ) ); ?>
if ( ! in_array( $et_gf_body_font, array( '', 'none' ) ) ) { ?>
<?php echo $css( 'input' ); ?>,
<?php echo $css( 'textarea' ); ?>,
<?php echo $css( 'select' ); ?> {
<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_body_font ) ); ?>
if ( ! in_array( $et_gf_buttons_font, array( '', 'none' ) ) ) { ?>
<?php echo $css( '.et_pb_button', false ); ?> {
<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_buttons_font ) ); ?>
if ( ! in_array( $et_gf_primary_nav_font, array( '', 'none' ) ) ) { ?>
<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_primary_nav_font ) ); ?>
if ( ! in_array( $et_gf_secondary_nav_font, array( '', 'none' ) ) ) { ?>
<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_secondary_nav_font ) ); ?>
if ( ! in_array( $et_gf_slide_nav_font, array( '', 'none' ) ) ) { ?>
.et_slide_in_menu_container, .et_slide_in_menu_container .et-search-field{
<?php echo sanitize_text_field( et_builder_get_font_family( $et_gf_slide_nav_font ) ); ?>
} // <<<--------- END FONTS CSS --------->>>
* Filter fonts CSS output.
* @param string $css_output
$css_output[] = apply_filters( 'et_divi_fonts_css_output', ob_get_clean() );
* use_sidebar_width might invalidate the use of sidebar_width.
* It is placed outside other customizer style so live preview
* can invalidate and revalidate it for smoother experience
if ( $use_sidebar_width && 21 !== $sidebar_width && 19 <= $sidebar_width && 33 >= $sidebar_width ) {
$content_width = 100 - $sidebar_width;
$content_width_percentage = $content_width . '%';
$sidebar_width_percentage = $sidebar_width . '%';
$sidebar_width_css = sprintf(
'body #page-container #sidebar { width:%2$s; }
body #page-container #left-area { width:%1$s; }
.et_right_sidebar #main-content .container:before { right:%2$s !important; }
.et_left_sidebar #main-content .container:before { left:%2$s !important; }',
esc_html( $content_width_percentage ),
esc_html( $sidebar_width_percentage )
* Filter sidebar width CSS output.
* @param string $sidebar_width_css
$css_output[] = apply_filters( 'et_divi_sidebar_width_css_output', $sidebar_width_css );
/* ====================================================
* --------->>> BEGIN MODULE CUSTOMIZER CSS <<<--------
* ==================================================== */
* Module Customizer contains only CSS responsible for the font size options.
* The CSS is printed only if website has an unmigrated Module Customizer font size values into the
* new Global Defaults system. The values suppose to be migrated at the first time when Global Defaults
$custom_defaults_unmigrated = et_get_option( 'builder_custom_defaults_unmigrated', false );
// Module customizer should only be printed if current page uses builder to avoid module
// customizer styling being cached on `et-divi-customizer-global-*css` file which is only
// served on non-builder page
if ( et_core_is_builder_used_on_current_request() && $custom_defaults_unmigrated ) {
et_pb_print_module_styles_css( 'et_pb_gallery', array(
'key' => 'title_font_size',
'selector' => '.et_pb_gallery_grid .et_pb_gallery_item .et_pb_gallery_title',
'key' => 'caption_font_size',
'selector' => '.et_pb_gallery .et_pb_gallery_item .et_pb_gallery_caption',
et_pb_print_module_styles_css( 'et_pb_blurb', array(
'key' => 'header_font_size',
'selector' => '.et_pb_blurb h4',
et_pb_print_module_styles_css( 'et_pb_tabs', array(
'key' => 'title_font_size',
'selector' => '.et_pb_tabs_controls li',
'type' => 'padding-tabs',
et_pb_print_module_styles_css( 'et_pb_slider', array(
'key' => 'header_font_size',
'selector' => '.et_pb_slider_fullwidth_off .et_pb_slide_description .et_pb_slide_title',
'key' => 'body_font_size',
'selector' => '.et_pb_slider_fullwidth_off .et_pb_slide_content',
'type' => 'padding-slider',