Hi,

You have to install a cache and a minification plugin to decrease the external http requests. Some cache plugins have a minify feature by default.
If you don’t want to install a plugin to minify those resources, go to the Enfold > Performance panel and enable the File Compression settings. You should not enable that option if you’re still working on the site.

Best regards,
Ismael

Hi,

You can use the is_page conditional function if you want this modification applied to a specific page. And change the value “meat” to an array if you need to exclude multiple categories.

Best regards,
Ismael

Hey MAKSIMS,

Thank you for using Enfold.

The site is still running on a very old version of the theme, 4.0.2, so it doesn’t have the performance feature, which is available in the latest version of the theme. Please upgrade WordPress to 5.0.2 and the theme to version 4.5.2.

This article should help: https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Setting a browser cache is quite straight forward because all you need to do is define how long the files (scripts, css, images etc) will stay in the users’ local storage.

// https://gtmetrix.com/leverage-browser-caching.html

The article above provides a snippet that will go to your .htaccess file.

Best regards,
Ismael

Hi,

Did you copy the code from your email? The arrow and equal symbols are converted to their html entity codes. You should copy it directly from the forum.

Best regards,
Ismael

Hi,

Thanks for the update.

Did you add this css code?

#top #main, #top .html_stretched #wrap_all, #top .alternate_color, #top .main_color, #top, #top .header_color .container_wrap_meta {
    background-color: rgba(255,255,255,0) !important;
}

This sets the background opacity to zero.

Best regards,
Ismael

Hi,

Awesome. One thing though. You don’t need to set the “mfp-iframe” and “lightbox-added” class attributes manually because they will be added automatically once the lightbox script is initialized.

Best regards,
Ismael

Hey Daniel,

Thank you for using Enfold.

That page doesn’t exist. Did you remove it? Please create a test page so that we can see the issue.

Best regards,
Ismael

Hi,

I was referring to other optimization options in that article. Anyway, I’m not sure why those particular options are now enforced but I guess it has something to do with the theme’s performance options. If you want to disable it, edit the config-layerslider > config.php file and disable this line of code.

add_action( 'init', array( $this, 'force_settings'), 10, 0 );

Best regards,
Ismael

Hey HostageMedia,

Thank you for using Enfold.

That section has a “sky” background. Could you give us a screenshot? You can use imgur or dropbox.

Best regards,
Ismael

Hi,

You should replace the “.avia-progress-bar” selector with the custom css class attribute. Where can we see the progress bars? I can’t find any in the site.

Best regards,
Ismael

Hey kathyfg,

Thank you for using Enfold.

The “grid-entry-excerpt” containers of the portfolio item in the “branding” page don’t exist. Please check if the “Excerpt” settings of the portfolio grid element is set to “Title and Excerpt”. Or post the login details in the private field so that we can check the issue further.

Best regards,
Ismael

Hey delta3informatica,

Thank you for using Enfold.

Did you install a child theme? You can move those css modifications in the child theme’s style.css file.

// https://kriesi.at/documentation/enfold/child-theme/

Best regards,
Ismael

Hi,

This script should set the “Events” menu item as the current menu item when the current post belong to the “event” category.

add_action('wp_footer', 'ava_script_set_events_menu_item', 9999);
function ava_script_set_events_menu_item() {
    ?>
    <script>
    (function() {
        const single = document.querySelector('.single');
        const categories = document.querySelectorAll('.blog-categories a');
        const journal = document.querySelector('#menu-item-1152');
        const events = document.querySelector('#menu-item-1661');
        let event = null;

        if( ! single ) return;
        
        for (i = 0; i < categories.length; ++i) {
        if( categories[i].textContent == 'events' ) {
            event = categories[i];
        }
        } 

        if( event ) {
            journal.classList.remove('current-menu-item');
            events.classList.add('current-menu-item');
        }
    })();
    </script>
    <?php
}

Just add it in the functions.php file.

Best regards,
Ismael

Hi,

It’s because the title of the first item is quite a bit long compare to the other items. Try to decrease the font size of the title.

@media only screen and (max-width: 989px) {
#top .isotope-item.special_av_fullwidth .av_table_col .entry-title {
    font-size: 13px;
    margin: 0 0 10px;
}
}

Best regards,
Ismael

Hey Andreas,

Thank you for using Enfold.

That is not possible with the theme’s instagram widget, unfortunately, but you can use the gallery or the masonry element instead.

Best regards,
Ismael