• I found a minor CSS generation error in the Astra_Dynamic_CSS class. The custom property is missing the var() function, which results in invalid CSS output in the browser for the search field background color.

    File: inc/class-astra-dynamic-css.php
    Current output: background-color: (--ast-global-dark-bg-style);
    Expected output: background-color: var(--ast-global-dark-bg-style);

    Here is the exact diff for the fix:

    diff --git a/wp-content/themes/astra/inc/class-astra-dynamic-css.php b/wp-content/themes/astra/inc/class-astra-dynamic-css.php
    index d0a3ba0..4171482 100644
    --- a/wp-content/themes/astra/inc/class-astra-dynamic-css.php
    +++ b/wp-content/themes/astra/inc/class-astra-dynamic-css.php
    @@ -1036,7 +1036,7 @@ if ( ! class_exists( 'Astra_Dynamic_CSS' ) ) {

    // Reduced specificity so that it does not override customizer background color option.
    $css_output['.ast-header-search .slide-search .search-field'] = array(
    - 'background-color' => '(--ast-global-dark-bg-style)', // Referred by main.css.
    + 'background-color' => 'var(--ast-global-dark-bg-style)', // Referred by main.css.
    );
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @gr8man

    Thank you for reaching out to us.

    I’ve shared your concern with our core development team, and they’ll take a closer look into it.

    We’ll keep you updated as soon as we have more information.

    With Regards
    Humayon

    Hello @gr8man

    We want to let you know that we have created an internal issue for our dev team to check further.

    Hopefully, the issue will be addressed with a future release.

    With Regards
    Humayon

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.