Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #1210926

    Hello there,

    Enfold’s built-in Files Merge and Compression functions (Enfold – Performance) is a excellent addon to boost page loading speed, especially for mostly static websites.

    Refer to the title, I believe that the Enfold’s child theme css file (which is enqueued from parent style) is better to have the highest priority (i.e. cascade in the lowest position) to allow custom modification or enhancement of the theme being reflected properly.

    For example, about the font type setting in Enfold: If your website has content other than English, the offerred font family in the drowdown may not serve your language, then you need to inject css to specify some fonts. However, Avia element: Special Heading has its only css in which its font family. If the function “merge css” in Enfold is enabled, the avia-merged-styles.css always load with the highest priority and overwrite your style in child theme style sheet.

    A quick work around is turn this function off and use other optimization plug-in to merge and compress. I just feel upset because such a great function is degraded.

    Thanks for your amazing work on Enfold.


    Hey asiabchk,

    Thank you for the inquiry.

    If the function “merge css” in Enfold is enabled, the avia-merged-styles.css always load with the highest priority and overwrite your style in child theme style sheet.

    This is not possible because the compression includes the child theme’s style.css file in the merged file, so the custom style will not get overwritten. If you want to exclude a certain css or js file from the compression, you can use the following filter.


    Best regards,


    Hello Ismael,

    Thank for your clarification.

    Could you take a look at my site (link in private content)? In DevTools, the following CSS files are all loaded individually:

    From my understanding, the avia-merged-styles should have included the theme’s CSS and child theme’s CSS. Would you tell where I have misconfigurated my WP or Enfold Theme?

    Thank you.



    Thank you for the update.

    Did you install a cache plugin? It’s possible the compression script there excludes those stylesheets. If you can provide the WP and FTP login details, we’ll try to inspect it further.

    Best regards,


    Hi Ismael,

    Thanks for you insight. Yes, WP Rocket is deployed. I will consult their support team first. Stay tuned. Thank you.


    Hi Ismael,

    I’ve created a testing WP site which is using Enfold theme, without any caching and optimization plugin, on the same hosting server. The site has both CSS and JS merging and compression enabled in the theme’s option. However, the child theme and theme’s style.css are both loaded along with the avia-merged-styles.css

    I think it is a problem laying about how my child theme is set up. In the child theme, the following code is included in the theme’s functions.php:

    // Enqueue parent theme and universal child theme CSS
    function my_theme_enqueue_styles() {
        $parent_style = 'parent-style'; 
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ));
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

    Is there something wrong in the above code?

    If possible, you may login to to the WP (in private content).

    Thank you so much for help.


    For Enfold you do not need to implement the child in this way:

    As long as the child style.css has this on top:

    Theme Name: Enfold Child
    Description: A <a href=''>Child Theme</a> for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI:
    Template: enfold

    everything works with this child style.css.
    because parent-theme style.css is empty too. The styles of Enfold are loaded ( conditionally ) via functions.php.


    Thanks @Guenni007, you are correct. Problem solved.



    Great, I’m glad that @guenni007 could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.