439 lines
22 KiB
PHP
439 lines
22 KiB
PHP
<?php
|
|
/**
|
|
* Post Structures - Archive Dynamic CSS
|
|
*
|
|
* @package Astra
|
|
* @since 4.0.0
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit; // Exit if accessed directly.
|
|
}
|
|
|
|
/**
|
|
* Post Structures
|
|
*/
|
|
add_filter( 'astra_dynamic_theme_css', 'astra_post_archive_structure_dynamic_css' );
|
|
|
|
/**
|
|
* Archive Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return String Generated dynamic CSS for Post Structures.
|
|
*
|
|
* @since 4.0.0
|
|
*/
|
|
function astra_post_archive_structure_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
$current_post_type = astra_get_post_type();
|
|
$supported_post_types = Astra_Posts_Structure_Loader::get_supported_post_types();
|
|
|
|
if ( is_search() || ! in_array( $current_post_type, $supported_post_types ) ) {
|
|
return $dynamic_css;
|
|
}
|
|
if ( false === astra_get_option( 'ast-archive-' . $current_post_type . '-title', ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) ? false : true ) ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
// SureCart Shop Page Banner Support.
|
|
$surecart_shop_support = ( defined( 'SURECART_PLUGIN_FILE' ) && is_page() && get_the_ID() === absint( get_option( 'surecart_shop_page_id' ) ) ) ? true : false;
|
|
if ( $surecart_shop_support ) {
|
|
$current_post_type = 'sc_product';
|
|
}
|
|
|
|
$layout_type = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-layout', 'layout-1' );
|
|
$layout_2_active = ( 'layout-2' === $layout_type ) ? true : false;
|
|
|
|
if ( $layout_2_active ) {
|
|
$selector = '.ast-archive-entry-banner[data-post-type="' . $current_post_type . '"]';
|
|
} else {
|
|
if ( $surecart_shop_support ) {
|
|
$selector = 'body.page .ast-archive-description';
|
|
} else {
|
|
$selector = 'body.archive .ast-archive-description';
|
|
}
|
|
}
|
|
|
|
$horz_alignment = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-horizontal-alignment' );
|
|
$desk_h_alignment = ( isset( $horz_alignment['desktop'] ) ) ? $horz_alignment['desktop'] : '';
|
|
$tab_h_alignment = ( isset( $horz_alignment['tablet'] ) ) ? $horz_alignment['tablet'] : '';
|
|
$mob_h_alignment = ( isset( $horz_alignment['mobile'] ) ) ? $horz_alignment['mobile'] : '';
|
|
|
|
if ( 'layout-1' === $layout_type ) {
|
|
$desk_h_alignment = ( '' !== $desk_h_alignment ) ? $desk_h_alignment : 'left';
|
|
$tab_h_alignment = ( '' !== $tab_h_alignment ) ? $tab_h_alignment : 'left';
|
|
$mob_h_alignment = ( '' !== $mob_h_alignment ) ? $mob_h_alignment : 'left';
|
|
}
|
|
|
|
$elements_gap = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-elements-gap', 10 );
|
|
$banner_padding = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-padding', ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) ? Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-spacing' ) : Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-padding' ) );
|
|
$banner_margin = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-margin' );
|
|
|
|
$banner_height = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-height' );
|
|
$desk_banner_height = ( $layout_2_active && isset( $banner_height['desktop'] ) ) ? astra_get_css_value( $banner_height['desktop'], 'px' ) : '';
|
|
$tab_banner_height = ( $layout_2_active && isset( $banner_height['tablet'] ) ) ? astra_get_css_value( $banner_height['tablet'], 'px' ) : '';
|
|
$mob_banner_height = ( $layout_2_active && isset( $banner_height['mobile'] ) ) ? astra_get_css_value( $banner_height['mobile'], 'px' ) : '';
|
|
|
|
$text_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-text-color' );
|
|
$title_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-title-color' );
|
|
$link_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-link-color' );
|
|
$link_hover_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-link-hover-color' );
|
|
|
|
$vert_alignment = ( $layout_2_active ) ? astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-vertical-alignment', 'center' ) : 'center';
|
|
$width_type = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-width-type', 'fullwidth' );
|
|
$custom_width = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-width', 1200 );
|
|
$background_type = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-image-type', 'none' );
|
|
|
|
// Banner Text typography dynamic stylings.
|
|
$banner_text_font_size = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-size' );
|
|
|
|
// Banner Title typography dynamic stylings.
|
|
$banner_title_font_size = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-size', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-size' ) );
|
|
|
|
$css_output_min_tablet = array();
|
|
$narrow_container_width = astra_get_option( 'narrow-container-max-width', apply_filters( 'astra_narrow_container_width', 750 ) );
|
|
|
|
// Few settings from banner section are also applicable to 'layout-1' so adding this condition & compatibility.
|
|
if ( 'layout-1' === $layout_type ) {
|
|
$site_content_width = astra_get_option( 'site-content-width', 1200 );
|
|
|
|
/**
|
|
* Desktop CSS.
|
|
*/
|
|
$css_output_desktop = array(
|
|
$selector => array(
|
|
'max-width' => $site_content_width . 'px',
|
|
'width' => '100%',
|
|
'text-align' => $desk_h_alignment,
|
|
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
|
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
|
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
|
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
|
),
|
|
$selector . ' *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-weight' ), $banner_text_font_size, 'ast-dynamic-archive-' . $current_post_type . '-text-font-extras', $text_color ),
|
|
$selector . ' .ast-archive-title, ' . $selector . ' .ast-archive-title *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, 'ast-dynamic-archive-' . $current_post_type . '-title-font-extras', $title_color ),
|
|
$selector . ' a, ' . $selector . ' a *' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
$selector . ' a:hover, ' . $selector . ' a:hover *' => array(
|
|
'color' => esc_attr( $link_hover_color ),
|
|
),
|
|
$selector . ' > *:not(:last-child)' => array(
|
|
'margin-bottom' => $elements_gap . 'px',
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Tablet CSS.
|
|
*/
|
|
$css_output_tablet = array(
|
|
$selector => array(
|
|
'text-align' => $tab_h_alignment,
|
|
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
|
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
|
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
|
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
|
),
|
|
$selector . ' .ast-archive-title' => array(
|
|
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
|
),
|
|
$selector . ' *' => array(
|
|
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Mobile CSS.
|
|
*/
|
|
$css_output_mobile = array(
|
|
$selector => array(
|
|
'text-align' => $mob_h_alignment,
|
|
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
|
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
|
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
|
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
|
),
|
|
$selector . ' .ast-archive-title' => array(
|
|
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
|
),
|
|
$selector . ' *' => array(
|
|
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
|
|
if ( 'none' !== $background_type ) {
|
|
if ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) {
|
|
if ( 'custom' === $background_type ) {
|
|
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
|
$css_output_desktop['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
|
$css_output_tablet['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
|
$css_output_mobile['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
|
} else {
|
|
// @codingStandardsIgnoreStart
|
|
/**
|
|
* @psalm-suppress RedundantCondition
|
|
* @psalm-suppress InvalidGlobal
|
|
*/
|
|
global $wp_query;
|
|
/**
|
|
* @psalm-suppress RedundantCondition
|
|
* @psalm-suppress InvalidGlobal
|
|
*/
|
|
// @codingStandardsIgnoreEnd
|
|
$overlay_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-featured-overlay', '' );
|
|
$taxonomy = $wp_query->get_queried_object();
|
|
if ( is_callable( 'is_shop' ) && is_shop() && '' !== $overlay_color ) {
|
|
$css_output_desktop['.archive section.ast-archive-description']['background'] = $overlay_color;
|
|
}
|
|
if ( ! empty( $taxonomy->term_id ) ) {
|
|
$thumbnail_id = get_term_meta( $taxonomy->term_id, 'thumbnail_id', true );
|
|
$feat_image_src = wp_get_attachment_url( $thumbnail_id );
|
|
if ( $feat_image_src ) {
|
|
$css_output_desktop['.archive section.ast-archive-description'] = array(
|
|
'background' => 'url( ' . esc_url( $feat_image_src ) . ' )',
|
|
'background-repeat' => 'no-repeat',
|
|
'background-attachment' => 'scroll',
|
|
'background-position' => 'center center',
|
|
'background-size' => 'cover',
|
|
);
|
|
if ( '' !== $overlay_color ) {
|
|
$css_output_desktop['.archive section.ast-archive-description']['background'] = 'url( ' . esc_url( $feat_image_src ) . ' ) ' . $overlay_color;
|
|
$css_output_desktop['.archive section.ast-archive-description']['background-blend-mode'] = 'multiply';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
|
$css_output_desktop['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
|
$css_output_tablet['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
|
$css_output_mobile['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
|
}
|
|
}
|
|
} else {
|
|
/**
|
|
* Desktop CSS.
|
|
*/
|
|
$css_output_desktop = array(
|
|
$selector => array(
|
|
'text-align' => $desk_h_alignment,
|
|
'justify-content' => $vert_alignment,
|
|
'min-height' => $desk_banner_height,
|
|
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
|
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
|
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
|
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
|
),
|
|
$selector . ' .ast-container' => array(
|
|
'width' => '100%',
|
|
),
|
|
$selector . ' .ast-container *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-weight' ), $banner_text_font_size, 'ast-dynamic-archive-' . $current_post_type . '-text-font-extras', $text_color ),
|
|
$selector . ' .ast-container h1' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, 'ast-dynamic-archive-' . $current_post_type . '-title-font-extras', $title_color ),
|
|
'.ast-page-builder-template ' . $selector . ' .ast-container' => array(
|
|
'max-width' => '100%',
|
|
),
|
|
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
|
'max-width' => $narrow_container_width . 'px',
|
|
),
|
|
$selector . ' .ast-container a, ' . $selector . ' .ast-container a *' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
$selector . ' .ast-container a:hover, ' . $selector . ' .ast-container a:hover *' => array(
|
|
'color' => esc_attr( $link_hover_color ),
|
|
),
|
|
$selector . ' .ast-container > *:not(:last-child)' => array(
|
|
'margin-bottom' => $elements_gap . 'px',
|
|
),
|
|
$selector . ' .ast-container > *:last-child' => array(
|
|
'margin-bottom' => '0',
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Min tablet width CSS.
|
|
*/
|
|
$css_output_min_tablet = array(
|
|
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
|
'max-width' => $narrow_container_width . 'px',
|
|
'padding-left' => '0',
|
|
'padding-right' => '0',
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Tablet CSS.
|
|
*/
|
|
$css_output_tablet = array(
|
|
$selector => array(
|
|
'text-align' => $tab_h_alignment,
|
|
'min-height' => $tab_banner_height,
|
|
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
|
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
|
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
|
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
|
),
|
|
$selector . ' .ast-container' => array(
|
|
'padding-left' => '0',
|
|
'padding-right' => '0',
|
|
),
|
|
$selector . ' .ast-container h1' => array(
|
|
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
|
),
|
|
$selector . ' *' => array(
|
|
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Mobile CSS.
|
|
*/
|
|
$css_output_mobile = array(
|
|
$selector => array(
|
|
'text-align' => $mob_h_alignment,
|
|
'min-height' => $mob_banner_height,
|
|
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
|
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
|
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
|
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
|
),
|
|
$selector . ' .ast-container h1' => array(
|
|
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
|
),
|
|
$selector . ' *' => array(
|
|
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
|
|
if ( ( 'custom' === $width_type ) ) {
|
|
$css_output_desktop[ $selector . '[data-banner-width-type="custom"]' ]['max-width'] = $custom_width . 'px';
|
|
}
|
|
|
|
if ( 'none' !== $background_type ) {
|
|
if ( 'product' !== $current_post_type ) {
|
|
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
|
$css_output_desktop[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
|
$css_output_tablet[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
|
$css_output_mobile[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
|
} else {
|
|
if ( 'custom' === $background_type ) {
|
|
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
|
$css_output_desktop[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
|
$css_output_tablet[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
|
$css_output_mobile[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
|
} else {
|
|
// @codingStandardsIgnoreStart
|
|
/**
|
|
* @psalm-suppress RedundantCondition
|
|
* @psalm-suppress InvalidGlobal
|
|
*/
|
|
global $wp_query;
|
|
/**
|
|
* @psalm-suppress RedundantCondition
|
|
* @psalm-suppress InvalidGlobal
|
|
*/
|
|
// @codingStandardsIgnoreEnd
|
|
$overlay_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-featured-overlay', '' );
|
|
$taxonomy = $wp_query->get_queried_object();
|
|
$feat_image_src = '';
|
|
|
|
// Checking if the is_shop function and wc_get_page_id are callable.
|
|
if ( is_callable( 'is_shop' ) && is_shop() && is_callable( 'wc_get_page_id' ) ) {
|
|
$shop_page_id = wc_get_page_id( 'shop' );
|
|
|
|
// Retrieving the featured image URL of the shop page.
|
|
$feat_image_src = get_the_post_thumbnail_url( $shop_page_id );
|
|
}
|
|
|
|
// Checking if we are in a taxonomy (category/archive) page.
|
|
if ( ! empty( $taxonomy->term_id ) ) {
|
|
$thumbnail_id = get_term_meta( $taxonomy->term_id, 'thumbnail_id', true );
|
|
$feat_image_src = wp_get_attachment_url( $thumbnail_id );
|
|
}
|
|
|
|
// Apply the background if a featured image is set.
|
|
if ( $feat_image_src ) {
|
|
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ] = array(
|
|
'background' => 'url( ' . esc_url( $feat_image_src ) . ' )',
|
|
'background-repeat' => 'no-repeat',
|
|
'background-attachment' => 'scroll',
|
|
'background-position' => 'center center',
|
|
'background-size' => 'cover',
|
|
);
|
|
|
|
// Apply overlay if set.
|
|
if ( '' !== $overlay_color ) {
|
|
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background'] = 'url( ' . esc_url( $feat_image_src ) . ' ) ' . $overlay_color;
|
|
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background-blend-mode'] = 'multiply';
|
|
}
|
|
} elseif ( '' !== $overlay_color ) {
|
|
// If no featured image is set, apply only the overlay color.
|
|
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background'] = $overlay_color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$dynamic_css .= '
|
|
.ast-archive-entry-banner {
|
|
-js-display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
text-align: center;
|
|
position: relative;
|
|
background: #eeeeee;
|
|
}
|
|
.ast-archive-entry-banner[data-banner-width-type="custom"] {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
.ast-archive-entry-banner[data-banner-layout="layout-1"] {
|
|
background: inherit;
|
|
padding: 20px 0;
|
|
text-align: left;
|
|
}
|
|
';
|
|
|
|
if ( is_customize_preview() ) {
|
|
$dynamic_css .= '
|
|
.site-header-focus-item .ast-container div.customize-partial-edit-shortcut,
|
|
.site-header-focus-item .ast-container button.item-customizer-focus {
|
|
font-size: inherit;
|
|
}
|
|
';
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$dynamic_css .= astra_parse_css( $css_output_desktop );
|
|
$dynamic_css .= astra_parse_css( $css_output_min_tablet, astra_get_tablet_breakpoint( '', 1 ) );
|
|
$dynamic_css .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
|
$dynamic_css .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
|
|
|
return $dynamic_css;
|
|
}
|