Hi,
Glad Guenni007 could help, thank you Guenni007, 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
Hi,
Thanks for sharing Guenni007, perhaps someone will find this helpful.
@shop802 glad we were able to help, 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
Hi,
Great, I’m glad that @guenni007 could help you out :-)
Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey shop802,
Try adding this code instead to the end of your child theme functions.php file in Appearance ▸ Editor:
function my_datepicker_limits() {
?>
<script type="text/javascript">
jQuery(document).ready(function($){
// Use a short delay to wait for Enfold to initialize the datepicker
setTimeout(function() {
var $dateField = $('.avia_datepicker'); // Adjust this if needed
if ($dateField.length && $dateField.data('datepicker')) {
$dateField.datepicker('option', {
minDate: new Date(2025, 7, 8), // August 8, 2025
maxDate: new Date(2025, 7, 18) // August 18, 2025
});
} else {
console.warn("Datepicker not initialized or selector not found.");
}
}, 500); // delay to allow Enfold scripts to finish
});
</script>
<?php
}
add_action('wp_footer', 'my_datepicker_limits', 30);

Best regards,
Mike
Hi Guenni,
We always knew you really knew Enfold inside and out. And that’s really good.
Thanks for the help. This post can be closed.
Regards
Biggy
I need to update Endold on the site http://www.esina.it
I bought the latest version of the theme
when I install it and replace it with the previous one, the slide disappears, the order of the shop changes, the mobile version menu does not work and the “Services” disappear on the home page.
I absolutely have to restore it otherwise the e-commerce sales will be blocked. Please help me.
Sorry might explain wrongly… in the last reply that we made, we were just looking for the classic way that enfold child has to show up who created the post (author)with a small picture, linking to his ¨info¨. We tried Enfold > Blog Layout > Single post Option > Single post style > Multi Author Blog, but this was showing nothing into the post or the page with all posts.
Hey Oriano,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_filter('avf_title_args', 'remove_blog_prefix_from_title', 10, 2);
function remove_blog_prefix_from_title($title, $id = null) {
if (is_single() && strpos($title['title'], 'Blog -') === 0) {
// Remove "Blog -" prefix
$title['title'] = trim(str_replace('Blog -', '', $title['title']));
}
return $title;
}
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.
Best regards,
Mike
Thanks, Guenni,
The issue is that the buttons in Enfold don’t meet the WCAG standard for keyboard accessibility. We do meet the 4:1 contrast ratio requirement, and we also tested black and white. It’s 21:1, which is extreme. But when reading the page with the keyboard, the button doesn’t change, even though the focus-visible is set to !important in the CSS.
Regards
We also have been trying to use the theme option to show up the author and is not working for us.
We are just talking about showing author name, image and then click for the full info (the basic option). And this is not working
Hi Enfold, I have a question about the blog on this website: https://glazuur.com/blog/
I want the blogs all on 1 page, and also not more than 12 blogs. So that the older posts automaticly dissapear when a new one is made.
The website is made with a demo and I do not know where to change this.
Can you help me with it? I hope so!
Kind regards, Jolanda, JoStudio
take a look at the rules for the hover state and apply them to the focus-visible state.
f.e.: on that page here – the first button on top: https://kriesi.at/themes/enfold-overview/
Add inside dev tools the css to see what i mean.
.avia-button.avia-color-light:focus-visible {
opacity: 0.7;
transition: all 0.4s ease-in-out;
}
.av-icon-on-hover:focus-visible .avia_button_icon {
width: 1.5em;
opacity: 1;
}
the focus-visible state ( or focus-within too ) do not influence a clicked or hover state.
This means that normal navigation is not affected, contrary to the focus state.
Hi,
Thank you for the update.
1.) Try adjusting the top margin of the button layer.
2.) Apply a minimum height to one of the main layers, or go to Project Settings > Layout > Layout Settings > Canvas Height and adjust the value.
3.) Apply a Custom CSS Class name to the element and replace the generic selector with it. You can follow this guide: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
Hi,
Thank you for the updat.e
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings. If it’s still not working, provide the login details in the private field so we can test the modification.
Best regards,
Ismael
Hi,
Glad we were able to help, 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
Hi,
Great, I’m glad that we could help you out. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Thank you for giving it a try. Very interesting. In my installations there is the following CSS:
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 1;
}
}
@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub {
display: none;
}
}
Don’t know where it comes from. The first shows the normal logo, the second hides the alternate version below 990px. That’s exactly the error.
In your installation it is like that:
#top .av_header_transparency.av_alternate_logo_active .logo a > img, #top .av_header_transparency.av_alternate_logo_active .logo a > svg {
opacity: 0;
}
.av_header_transparency .logo img.alternate, .av_header_transparency .logo .subtext.avia-svg-logo-sub svg {
opacity: 1;
}
No query whatsoever. But the CSS above is not from me. It has to be from Enfold.
Your test is: Logo in backend, alternate logo in backend, code from above in functions, page set to “transparent header” – correct?
Hey irene,
Could you try to update to the latest version (7.1.1) to see if that helps please? The update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hi,
Thanks for the update. I’ve updated Enfold and changed the text for you. The problem was the SG Optimiser plugin which creates javascript errors if file compression is active in the theme, you can find those settings under Enfold->Performance.
Best regards,
Rikard
ireneGuest
We purchased Enfold 4.8.7.1 and now have no display when we upgrade to WordPress 6.8.1. How can we solve this problem?
I built that code with Ismael in an other thread. Works on multiple installations for me. All with Enfold 7.1.1. In the theme settings I put the logos as SVG files and those files are loaded in the frontend. As it used to be in older Enfold versions.
Now I double checked the avia-snippet-sticky-header.js and see it just as you described: only styling of the header, no tweaking of the logo
On an other installation I tried the code and it is working as expected, but same behaviour on mobile: the normal logo is loaded, not the one defined in the transparency settings.
I believe it is because usually the header isn’t transparent on mobile. Even with header set to transparent in backend it is only transparent for the larger screen sizes. On mobile the header is normal and therefore the normal logo is loaded and used instead of the one from the transparency settings.
My conclusion is that I will have to sort it out with CSS since both logos are available in the code.
But what’s interesting: If I use the SVGs as path (without the code mentioned above) the version from the transparency settings is used on mobile too. That’s different to older Enfold versions and to the behaviour with a logo as image file. Or am I wrong?
by the way: that snippet from your first post – does not work on my testinstallation ( Enfold 7.1.1). I do allways have inline svg.
As far as i know the avia-snippet-sticky-header does only rule the shrink amount , header height. (Two classes are toggled on scrolling)
On mobile devices the shrinking is set to off by that line i mentioned.
Hi Ismael,
Yes, I’ve already applied it under Enfold > General Styling. Is there anywhere else I should be applying it to make sure it works correctly?
Thanks!
Hey Jackie,
I only see three buttons:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.avia-buttonrow-wrap {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
for this result:

Best regards,
Mike
Hi,
Thanks for letting us know. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
trying to update the home page of https://www.fbclancaster.com/ and when I change the text in the first color section and press save everything below the full width button disappears. See attached video.
what is wrong? WordPress is up to date, Enfold is up to date.
Hey slawek,
You can use this link to open a new thread, or click this button on the forum: https://imgur.com/a/AnoSPNb
Best regards,
Rikard
I haven’t been able to update my Enfold themed website since version 5.6.9. If I update the theme to its current version or make any changes to the footer, which I need to do, the entire site breaks. I put a lot of money and time into creating the site the way that I want it using enfold and I’d hate to have to start over from scratch because I can’t update the footer or the site to its current version without losing it. I have more than one site using enfold because I like the them and I just renewed my support, please help. I should also note that I must restore the site from a backup once this happens.
Good morning,
We’ve had issues with not being able to override fallback settings when it comes to text and table formatting.
For instance, if I use HTML to format the color of the text, if I go back to use the visual editor as opposed to code and make a part of the text bold, then the added script breaks the formatting and makes the text blue (which was set somewhere as the default). The same thing happens with tables with HTML. The default is to make the background white and I cannot override it to make it transparent with CSS, only another colour.
I’ve added the changes for text in Advanced Styling in Enfold, but it doesn’t override the fallback formatting. I don’t want to break anything by creating conflicting formatting so I want to be sure to change it in the right place.
Thank you in advance for your help.
Best regards,
Vlad