so we can misuse the overlay option of enfold on that – to have all DOM elements we need. Because if you use it – enfold will generate an av-section-color-overlay container.
The settings there are not for us important – just the fact that a container is created in the right position.
See: https://webers-testseite.de/snowfall-video/
for even more usability it might be nice to have an observer if the section is in viewport or not – my script now only is working with scroll top value and a given range to top ( here in my example 400px)
if that is o.k. for you just scroll to the end of the page to see code-snippet.
Trick is to use a huge inset shadow with rgba values – and the scroll amount will influnce the a-value of that color.
Hi,
Glad that you have this sorted out, please note that the Dev Team is open to Feature Requests but they also have to be careful about how these might affect other users. If you still think that this should be added to the core please submit directly, thank you.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike
Thanks, Ismael. It works. However, this method is not good for a large-scale website, and i hope Enfold’s great team solves it.
Going back to your original question and a solution for you:
It would be an excellent feature for Enfold to Automatically do its own version of Remove unused CSS to bring the number of JS and CSS files down per page.
However if you wanted to do this using a plugin WP-Rocket and others come with remove unused CSS or RUCSS as it is known. I have had good results with Enfold and RUCSS in WP-Rocket. Seems to work without specifying any fallback css or exceptions.
RUCSS is not perfect however. So if Enfold could add an option to only load the CSS for used elements per page it would be a 100% compatible way of doing RUCSS without the unreliability of systems that attempts to work it out after css file generation.
I’d be keen to know what Gunter thinks of this idea. It is essentially an extension of the current only load used elements function.
Performance advice and how it works in reality
All of this said – Once a browser has downloaded the files – Assuming you have a long cache life on your CSS and JS files in your HT Access file (Or set this value with a plugin like WP-Rocket or WP Super cache, etc.) then those files wont be re-downloaded by the visitors browser per page visit. So even if they have to download 100kb worth of CSS and JS to view page 1. page 2,3,4,5,6 etc onwards will use the cached css loading instantaneously.
The minimum requirement for this to happen is page caching with a good cache life.
If you want any more advice on this sort of thing let me know.
https://www.hirekaraoke.co.uk/
The site above is one of ours and passes web vitals. They are the UKs largest Karaoke Hire company. So a national business. This site uses our performance stack including page caching and some bespoke settings. The actual booking pages are completely uncached (Which is why the TTFB score is a little higher on desktops – brings the average response time up). The site just serves minified CSS. It is not necessary to RUCSS to pass web vitals if everything else is done correctly.
-
This reply was modified 1 year, 1 month ago by
thinkjarvis.
Hey Konrad,
Thank you for the inquiry.
Please add this css code to disable the fold/unfold fade transition:
.avia-fold-unfold-section .av-fold-unfold-container,
.avia-fold-unfold-section .av-fold-unfold-container::after {
transition: none !important;
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.
Best regards,
Ismael
Hey Tiziano,
Thank you for the inquiry.
If you don’t have access to the old account or token, you may need to purchase another license using a different ThemeForest account and generate a new token. However, please note that automatic updates will no longer work with the current version (4.7.5) because it’s quite old. You’ll need to update the theme manually via FTP. Please check the link below for more info.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
Ismael
Hi,
Mouse over on the images, Title and introduction text. Can this be done within Enfold??
This is possible but it will require a bit of modifications such as assigning custom fields to the portfolio items. If you want to continue, please follow these steps:
1.) Add this code in the functions.php file to register a new attribute the portfolio image which uses the value of the av_portfolio_hover_image custom field.
function avf_add_custom_field_as_hover_image($attrs, $entry) {
$hover_image_url = get_post_meta($entry->ID, 'av_portfolio_hover_image', true);
if (!empty($hover_image_url)) {
$attrs['data-hover-image'] = esc_url($hover_image_url);
}
return $attrs;
}
add_filter('avf_portfolio_image_attrs', 'avf_add_custom_field_as_hover_image', 10, 2);
2.) Then add this script to create the hover effect:
function ava_custom_script_hover_image() {
?>
<script>
(function ($) {
function hoverImageChange() {
$('.grid-sort-container .grid-entry img').each(function () {
var $img = $(this);
var originalSrc = $img.attr('src');
var hoverImage = $img.data('hover-image');
if (hoverImage) {
$img.hover(
function () {
$img.stop().fadeOut(200, function () {
$img.attr('src', hoverImage).fadeIn(200);
});
},
function () {
$img.stop().fadeOut(200, function () {
$img.attr('src', originalSrc).fadeIn(200);
});
}
);
}
});
}
$(document).ready(function () {
hoverImageChange();
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_hover_image');
3.) Edit any portfolio items, apply the av_portfolio_hover_image custom field and place the URL of the hover image.
4.) Add this css code to disable the default image overlay
.grid-entry a .image-overlay {
display: none !important;
}
Best regards,
Ismael
This reply has been marked as private.
Hey Mike, Thank you so much for all the effort you put into my question. I indeed bought an enfold template again. But there are some changes how I want to display the portfolio items in the portfolio grid I do not really see how to adapt the styling of the grid. See link to how I would like to make it work.
Mouse over on the images, Title and introduction text. Can this be done within Enfold??
Hi Ismael. do you mean in every single post I must use comment elements?!!! it is awful. Why Enfold can not show WordPress comments automatically? could you please show to me where can find the comments element?
TizianoGuest
Hi, I have a old site with Enfold premium theme version 4.7.5 and want to update because I see that there is a vulnerability XSS exploit. The person that made the site isn’t available so I don’t have a update token. I want to migrate all site to a version more secure (now I have wordpress 6.6.1).
It’s possible and how much it costs the update?
Best regards
Hey Huy,
Thanks for using Enfold :-)
If your sites are all on the same domain, then one license is enough.
Best regards,
Rikard
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#custom_html-4 {
z-index: 1000;
}
Also please add the rest of the content in the widget.
Best regards,
Rikard
Greetings;
I tried to install Enfold 6.0.4 this morning and got this error. I did not follow through and “went back” on the install.
I have been battling this “ob_end_flush():” error since the installation of 6.0.3. It places this error in the footer.
Installing theme from uploaded file: enfold.zip
Unpacking the package…
Notice: ob_end_flush(): failed to send buffer of zlib output compression (0) in /hermes/bosnacweb08/bosnacweb08as/b1016/ipg.dchapple/chappledesign_2024/wp-includes/functions.php on line 5427
Installing the theme…
Notice: ob_end_flush(): failed to send buffer of zlib output compression (0) in /hermes/bosnacweb08/bosnacweb08as/b1016/ipg.dchapple/chappledesign_2024/wp-includes/functions.php on line 5427
Destination folder already exists. /hermes/bosnacweb08/bosnacweb08as/b1016/ipg.dchapple/chappledesign_2024/wp-content/themes/enfold/
Notice: ob_end_flush(): failed to send buffer of zlib output compression (0) in /hermes/bosnacweb08/bosnacweb08as/b1016/ipg.dchapple/chappledesign_2024/wp-includes/functions.php on line 5427
This theme is already installed.
Active Uploaded
Theme name Enfold Enfold
Version 6.0.3 6.0.4
Author Kriesi Kriesi
Required WordPress version – –
Required PHP version – –
Hi,
It sounds like you have this sorted out, when I test on our demo I don’t see any errors and it seems to work as expected. Shall we close this thread then?
If you would like to summit this as a feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
Best regards,
Mike
we had imported Travel Demo, but the site seems randomly to have different design

-
This topic was modified 1 year, 1 month ago by
heyfann.
Hi,
Just to let you folks know, our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Best regards,
Yigit
Hey Ben,
Just to let you know, our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Cheers!
Yigit
Hey Lucy,
Just to let you know, our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Best regards,
Yigit
-
This reply was modified 1 year, 1 month ago by
Yigit.
Hey,
I just wanted to let you know that our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Regards,
Yigit
Hey Rob,
I just wanted to let you know that our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Regards,
Yigit
Hi Peter,
I just wanted to let you know that our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Regards,
Yigit
Hi,
Just to let you know, our developers addressed this issue and we will release Enfold 6.0.4 very soon.
Regards,
Yigit
HuyGuest
Hi,
I bought the Enfold Theme and love it. My question is my company has multiple businesses (all owned by 1 owner). I use the main company for primary domain and all other companies for subdomains.
Can I use the 1 license I bought for the primary domain (website) and all other subdomains (rest of the websites under the primary domain) or do I need 1 license for each website even though they all belong to 1 company?
Thanks!
Hi,
Did you try to update WordPress and the theme to the latest versions? If that doesn’t help, then please try to deactivate all plugins to see what happens then. https://kriesi.at/documentation/enfold/theme-update/.
Best regards,
Rikard
Hi,
Maybe you set the z-index in the Advanced tab in the Color Section? If not there, then turn off file compression under Enfold->Performance. I don’t where the settings are in the plugin that you are using, you could try to simply deactivate it if you can’t find it.
Best regards,
Rikard
Hey josepons,
Thank you for the inquiry.
What is the current version of the theme? Since it has been 8 years since the last update, you may need to download the latest version of the theme from your ThemeForest account and update it manually via S/FTP. We recommend performing the update on a staging environment first before applying it to the live site. And make sure to create a restore point or a backup. For more info about updating via FTP, please check the documentation below.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfold
Best regards,
Ismael
Hi,
Anyway, your CSS code does not change anything,
Have you tried toggling or temporarily disabling the Enfold > Performance > File Compression settings?
To hide the sorting dropdown, please add this css code:
ul.sort-param.sort-param-count {
display: none;
}
Best regards,
Ismael
Hi,
I am having problems because VaultPress/Jetpack are saying Enfold Version: 6.0.3 has a vulnererabilty.
Is there any update on when this will be fixed?
Thanks
Lucy
Compre el thema ENFOLD hace ocho años y esta sin actualizar. Que tengo que hacer para actualizarlo?
Quedo a la espera de vuestra contestación.
Saludos