tag. */ public static function _on_wpex_head_css( $head_css ) { self::generate_css(); if ( self::$css ) { $head_css .= '/*ADVANCED STYLING CSS*/' . self::$css; self::$css = ''; // free up memory. } return $head_css; } /** * Generates css. */ private static function generate_css() { $methods = [ 'header_background', 'overlay_header', 'logo_mobile_side_margin', 'logo_height', 'page_header_title', 'footer_background_image', 'footer_callout_background_image', 'blockquote_border', 'bold_font_weight', 'mobile_menu', ]; if ( totaltheme_is_integration_active( 'wpbakery' ) ) { $methods[] = 'vc_inline_shrink_sticky_header_height'; if ( get_option( 'wpb_js_use_custom' ) ) { $methods[] = 'vc_column_gutter'; } } if ( totaltheme_is_integration_active( 'woocommerce' ) ) { $methods[] = 'woo_pagination_align'; $methods[] = 'woo_full_width_add_to_cart'; $methods[] = 'woo_customizer_hide_elements'; $methods[] = 'woo_hide_quantity'; $methods[] = 'woo_thumbnails_aspect_ratios'; } if ( is_multisite() ) { if ( did_action( 'activate_header' ) ) { $methods[] = 'wp_activate_template'; } elseif ( did_action( 'before_signup_header' ) ) { $methods[] = 'wp_signup_template'; } } foreach ( $methods as $method ) { if ( $method_css = self::$method() ) { self::$css .= $method_css; } } } /** * Header background. */ private static function header_background() { $header_bg = totaltheme_call_static( 'Header\Core', 'get_background_image_url' ); if ( $header_bg ) { return '#site-header{--wpex-site-header-bg-img:url(' . esc_url( $header_bg ) . ');}'; } } /** * Overlay header. */ private static function overlay_header() { $is_enabled = totaltheme_call_static( 'Header\Overlay', 'is_enabled' ); if ( ! $is_enabled ) { return; } $css = ''; $post_id = wpex_get_current_post_id(); if ( $post_id && wpex_has_post_meta( 'wpex_overlay_header' ) ) { // Custom overlay header font size. $oh_font_size = get_post_meta( $post_id, 'wpex_overlay_header_font_size', true ); if ( $oh_font_size ) { $oh_font_size = sanitize_text_field( $oh_font_size ); if ( is_numeric( $oh_font_size ) ) { $oh_font_size = "{$oh_font_size}px"; } $css .= '#site-navigation, #site-navigation .main-navigation-ul a{font-size:' . esc_attr( $oh_font_size ) . ';}'; } // Apply overlay header background color. // Note we use background and not background-color. $overlay_header_bg = get_post_meta( $post_id, 'wpex_overlay_header_background', true ); if ( $overlay_header_bg && $overlay_header_bg_safe = esc_attr( wpex_parse_color( $overlay_header_bg ) ) ) { $css .= "#site-header.overlay-header.dyn-styles{background:{$overlay_header_bg_safe};}#site-header.overlay-header.dyn-styles #site-header-inner{--wpex-site-header-bg-color:{$overlay_header_bg_safe};}"; } } // Add overlay header responsive CSS and media query wrapper $media_query = totaltheme_call_static( 'Header\Overlay', 'get_stylesheet_media_query' ); if ( $media_query && ! in_array( $media_query, [ 'all', 'screen', 'print', 'speech' ] ) ) { // Add @media wrapper around CSS if ( $css ) { $css = "@media {$media_query}{{$css}}"; } // Hide logo at breakpoint $breakpoint = totaltheme_call_static( 'Header\Overlay', 'get_breakpoint' ); if ( $breakpoint && is_int( $breakpoint ) ) { if ( totaltheme_call_static( 'Header\Overlay', 'is_mobile_first' ) ) { $breakpoint = $breakpoint + 1; $media_query = "@media only screen and (min-width:{$breakpoint}px)"; } else { $media_query = "@media only screen and (max-width:{$breakpoint}px)"; } $css .= "{$media_query}{.overlay-header--responsive .logo-img--overlay{display: none;}}"; } } return $css; } /** * Logo mobile side margin. */ private static function logo_mobile_side_margin() { if ( in_array( totaltheme_call_static( 'Header\Core', 'style' ), [ 'seven', 'eight', 'nine', 'ten' ], true ) ) { return; } $margin = get_theme_mod( 'logo_mobile_side_offset' ); if ( ! $margin ) { return; } $margin_escaped = absint( $margin ); if ( ! $margin_escaped ) { return; } $css = "body.has-mobile-menu #site-logo {margin-inline-end:{$margin_escaped}px;}"; $mm_breakpoint = (int) totaltheme_call_static( 'Mobile\Menu', 'breakpoint' ); if ( $mm_breakpoint < 9999 ) { $css = "@media only screen and (max-width:{$mm_breakpoint}px){{$css}}"; } return $css; } /** * Custom logo height. */ private static function logo_height() { $logo_is_svg = totaltheme_call_static( 'Header\Logo', 'is_image_svg' ); if ( $logo_is_svg || get_theme_mod( 'apply_logo_height', false ) ) { $height = absint( get_theme_mod( 'logo_height' ) ); $height_prop = 'max-height'; if ( totaltheme_call_static( 'Header\Core', 'has_fixed_height' ) || $logo_is_svg ) { $height_prop = 'height'; } if ( $height ) { return '#site-logo .logo-img{' . $height_prop . ':' . esc_attr( $height ) . 'px;width:auto;}'; // auto width needed for responsiveness. } } } /** * Shrink header height. * * This is used to provide consistency with the shrink header logo when using the front-end builder * since the sticky header is disabled when using the builder. * * @todo perhaps we can target a different classname in the default CSS that gets added on the front-end only? */ private static function vc_inline_shrink_sticky_header_height() { if ( ! totaltheme_is_wpb_frontend_editor() || totaltheme_call_static( 'Header\Core', 'has_flex_container' ) ) { return; // important not needed for flex header!! } $shrink_header_style = totaltheme_call_static( 'Header\Sticky', 'style' ); if ( 'shrink' === $shrink_header_style || 'shrink_animated' === $shrink_header_style ) { return '#site-logo .logo-img{max-height:var(--wpex-site-header-shrink-start-height, 60px)!important;width:auto;}'; } } /** * Page header title. */ private static function page_header_title() { if ( ! wpex_has_post_meta( 'wpex_post_title_style' ) ) { $page_header_bg = wpex_page_header_background_image(); // already passed through wpex_get_image_url if ( $page_header_bg ) { return '.page-header.has-bg-image{background-image:url(' . esc_url( $page_header_bg ) . ');}'; } } } /** * Footer background. */ private static function footer_background_image() { $background = wpex_get_image_url( get_theme_mod( 'footer_bg_img' ) ); if ( $background ) { $background_safe = esc_url( $background ); if ( $background_safe ) { $target = totaltheme_call_static( 'Footer\Core', 'has_classic_layout' ) ? '#footer' : '#footer-inner'; return "{$target}{background-image:url({$background_safe});}"; } } } /** * Footer callout background. */ private static function footer_callout_background_image() { $background = wpex_get_image_url( get_theme_mod( 'footer_callout_bg_img' ) ); if ( $background ) { return '#footer-callout-wrap{background-image:url(' . esc_url( $background ) . ');}'; } } /** * Define Visual Composer gutter. */ private static function vc_column_gutter() { if ( $custom_gutter = get_option( 'wpb_js_gutter' ) ) { return ':root{--wpex-vc-gutter:' . absint( $custom_gutter ) . 'px}'; } } /** * Adds border to the blockquote element. */ private static function blockquote_border() { $border_width_safe = ( $border_width = get_theme_mod( 'blockquote_border_width' ) ) ? absint( $border_width ) : 0; if ( $border_width_safe ) { return "blockquote{border-width:0;border-inline-start-width:{$border_width_safe}px;border-color:var(--wpex-accent);border-style:solid;padding-inline-start:25px;}blockquote::before{display:none;}"; } } /** * Alters the --wpex-bold CSS var. */ private static function bold_font_weight() { $font_weight = get_theme_mod( 'bold_font_weight' ); if ( $font_weight ) { $font_weight_safe = absint( $font_weight ); $allowed = [ 100, 200, 300, 400, 500, 600, 700, 800, 900 ]; if ( in_array( $font_weight_safe, $allowed, true ) ) { return ":root{--wpex-bold:{$font_weight_safe};}"; } } } /** * Pagination alignment for WooCommerce. */ private static function woo_pagination_align() { if ( $align = get_theme_mod( 'pagination_align' ) ) { $align = sanitize_text_field( $align ); if ( in_array( $align, [ 'left', 'center', 'right', 'start', 'end' ], true ) ) { switch ( $align ) { case 'left': $align = 'start'; break; case 'right': $align = 'end'; break; } return ":where(.woocommerce-pagination){text-align:{$align}}"; } } } /** * Full Width add to cart button. */ private static function woo_full_width_add_to_cart() { if ( wp_validate_boolean( get_theme_mod( 'woo_product_add_to_cart_full_width' ) ) ) { return '.woocommerce .product .summary :is(.single_add_to_cart_button,.added_to_cart), .product :is(.add_to_cart_button,.added_to_cart),.product-actions .button,.vcex-wc-template-part .single_add_to_cart_button{width:100%;}.cart:has(.added_to_cart) .single_add_to_cart_button{margin-block-end:10px;}'; } } /** * Hide WooCommerce Elements while in the Customizer. */ private static function woo_customizer_hide_elements() { if ( ! is_customize_preview() ) { return; } $css = ''; if ( function_exists( 'is_product' ) && is_product() ) { $product_title = get_theme_mod( 'woo_shop_single_title' ); if ( $product_title && str_contains( $product_title, '{{title}}' ) ) { $css .= '.woocommerce .summary .single-post-title{display:none !important;}'; } } if ( ! get_theme_mod( 'woo_shop_sort', true ) ) { $css .= '.woocommerce .woocommerce-ordering{display:none !important;}'; } if ( ! get_theme_mod( 'woo_shop_result_count', true ) ) { $css .= '.woocommerce .woocommerce-result-count{display:none !important;}'; } if ( ! get_theme_mod( 'woo_product_meta', true ) ) { $css .= '.woocommerce .product_meta{display:none !important;}'; } return $css; } /** * Hide WooCommerce Quantity. */ private static function woo_hide_quantity() { if ( 'disabled' === get_theme_mod( 'woo_quantity_buttons_style' ) ) { return '.summary .quantity, .vcex-wc-template-part--single-product__add-to-cart .quantity{display:none;}'; } } /** * WooCommerce thumbnails aspect ratios. */ private static function woo_thumbnails_aspect_ratios() { $product_gallery_aspect_ratio = get_theme_mod( 'shop_single_thumbnail_image_aspect_ratio' ); if ( $product_gallery_aspect_ratio && get_theme_mod( 'woo_product_gallery_slider', true ) && function_exists( 'is_product' ) && is_product() ) { return '.woocommerce-product-gallery .flex-control-thumbs img{aspect-ratio:' . esc_attr( $product_gallery_aspect_ratio ) . ';object-fit:cover;}'; } } /** * Mobile menu tweaks. */ private static function mobile_menu() { $css = ''; $mm_style = totaltheme_call_static( 'Mobile\Menu', 'style' ); if ( in_array( $mm_style, [ 'toggle', 'toggle_inline', 'toggle_full' ], true ) ) { $border_bottom = get_theme_mod( 'mobile_menu_toggle_has_border_bottom' ); if ( wp_validate_boolean( $border_bottom ) ) { $css .= '.mobile-toggle-nav-ul { border-block-end: 1px solid var(--wpex-border-main); }'; if ( 'toggle_full' !== $mm_style ) { $css .= '.mobile-toggle-nav-search, .mobile-toggle-nav:not(:has(.mobile-toggle-nav-search)) .wpex-mobile-menu-bottom{ margin-block-start: 20px; }'; } } if ( ! wp_validate_boolean( get_theme_mod( 'mobile_menu_toggle_has_border_top', true ) ) ) { $css .= '.mobile-toggle-nav-ul > li:first-child > span > a { border-block-start: 0; }'; } } return $css; } /** * wp-activate.php template tweaks. */ private static function wp_activate_template() { $css = ' .wpex-responsive .wp-activate-container { max-width: var(--wpex-container-max-width); } .wp-activate-container { width: var(--wpex-container-width); margin: 40px auto; } .wp-activate-container > h2 { margin-block-start: 0; } .wp-activate-container #submit, .wp-activate-container #key { font-size: 1.5em; } '; return $css; } /** * wp-signup.php template tweaks. */ private static function wp_signup_template() { $css = ' .wpex-responsive .wp-signup-container { max-width: var(--wpex-container-max-width); } .wp-signup-container { width: var(--wpex-container-width); margin: 40px auto; } .wp-signup-container > h2 { margin-block-start: 0; } .mu_register input[type="submit"], .mu_register #blog_title, .mu_register #user_email, .mu_register #blogname, .mu_register #user_name { font-size: 1.5em; } .mu_alert { margin-block-end: 25px; } '; return $css; } }