Hi @Ismael,
it’s strange. The code doesn’t work. Even when I insert it without the page ID. Also with !important;
More strange is that the post-date still remains even when I set it off in the Enfold setting “Blog Layout”. It all off. But the date does not disappear.
I put a developer login to my page as private content.
Hi,
Thanks for letting us know. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey Todd,
Flex is a CSS method which can be used to create layouts, but that can be achieved using the Enfold layout builder as well. In most cases, you won’t need to use custom CSS while using Enfold.
Best regards,
Rikard
Todd AumannGuest
I want switch from my current theme to Enfold. My current theme is pre-Gutenberg, and I use the classic editor with the theme’s “builder” template. My current theme does not have any built-in features to leverage flex builder elements. I do not have a lot of CSS experience, but I was able to write code to allow me to use flex functionality to get builder sections with multiple columns to align in my preferred style (nothing overly complicated for an experienced coder, I’m sure).
Does Enfold offer built-in support to create flex elements? If not, would post-sales support be able to provide assistance if I am unable to get the desired flex layout that I want?
Hi,
Glad to hear that you have this sorted out, 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
i guess you have that warning on uploading your icons to fontello about compound path.
you can edit your vector based icon f.e. in illustrator – open your svg and look at Object Menu – Compound Path – create
i hope that this will be the names – because i’m working on german versions : Objekt – zusammengesetzter Pfad – erstellen.
Working with Pathfinder is not enough. You had to go that way.
________
Mikes Way is to substitute an existing entypo-fontello icon by an image. Big advantage – you can use the icon font to insert even colored svg icons.
see here: https://enfold.webers-webdesign.de/colorized-font-icons/
Hi, thank you for the response. I have updated again to the latest version of Enfold and reinstalled the latest WordPress. I have deactivated all plugins but I still get the ‘Updating failed. The response is not a valid JSON response’ error. error when saving a page and all pages go to a 404 error exept for the home page.
Please feel free to login with the credentials I sent privately.
Hey Nick_Skehan,
Thank you for the inquiry.
You can adjust the Content | Sidebar Ratio settings in the Enfold > General Layout > Dimensions tab to decrease the sidebar’s width. Let us know of the result.
Best regards,
Ismael
Hi, I have had a few issues this morning with my website https://www.444retreat.co.uk/. It started with contact forms returning an error of:
Invalid form for reCAPTCHA sent.
Form could not be submitted. Please reload page and try again.
Name for token field was missing.
So I did some digging and thought it might be because I hadn’t got an active Privacy statement which sounded odd but I saw it in a thread. I installed Complianz | GDPR/CCPA Cookie Consent and added a Cookie policy and link to the Privacy policy page. Google ReCAPTCHA continued to return an error so I disabled all plugins including wp-rocket which I thought might be causing an issue. At this point I started getting 404 errors on all pages except the home page. I went in to a random page to make a minor alteration and save it in the hope it would refresh the page but I then received the ‘Updating failed. The response is not a valid JSON response’ error.
I have reinstalled a fresh copy of Enfold and even installed a previous version but I still get the error and all pages except the home page see a 404 error.
Please help, I have spent all morning trying to fix this after trawling through this forum and I only seem to be making things worse.
Lyndon
This reply has been marked as private.
Hello Ismael – yes I added that code, as per the code I posted to you, you can see it in the first line. What I am trying to do is create a video scrubber scrolling effect. This requires the container to be at that height, so the scroll is tied to the video position (see rest of code). Then to remove the height so it works similarly to parallax then we use section.vid div.holder {position:sticky!important; top:0!important;}. Making the screen stick to enable the scrolling video. However the problem is that Enfold automatically generates container tags around a code block. Therefore these div containers are also being set at that height of the section.vid box. My original question was how do we insert code without the container tags being generated, which would be the cleanest method. If that is not possible, then is there another solution to make the container tags also the same size? Any ideas appreciated. Thanks, Philip.
Well enfold provided the option to only show submenu items on hover or on click.

If you choose click we can edit that to only show one toggle open.
then put this to your child-theme functions.php:
function only_one_submenu_open_on_burger(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
(function($) {
$('body').on( 'click touch', '.av-active-burger-items > a', function () {
$(this).parent('li').siblings().removeClass('av-show-submenu');
$(this).parent('li').siblings().find('ul').slideUp( "fast");
});
$('body').on( 'click touch', '.av-active-burger-items .av-width-submenu > a', function () {
$(this).closest('.sub-menu').siblings().find('li').removeClass('av-show-submenu');
$(this).closest('.sub-menu').siblings().find('ul').slideUp( "fast");
});
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'only_one_submenu_open_on_burger');
after doing that i will have a look to your site to optimize if needed.
Hi there, I dont understand why some of the links are not working in a the template. I used this one: https://kriesi.at/themes/enfold-parallax/, and I wanted to change the links in the menu, and wanted to change the links on the “Learn more” buttons. Some of them work others won’t and I cannot figure out why. I hope someone can give me good instructions how to make those links.
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey DONGHOON,HAN,
If you already own a license, then you don’t need to purchase a new license. You only need to update your current version. Please refer to this: https://kriesi.at/documentation/enfold/theme-update/
Best regards,
Rikard
Hey jelly00,
Could you try updating the theme to the latest version (6.0.8) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/.
Best regards,
Rikard
DONGHOON,HANGuest
To resolve the issue below, would purchasing a new license and updating it fix the problem?
When I click “Add New Page,” the Avia Layout Builder does not appear. How can I activate it? It works on pages that I’ve already created, but it doesn’t activate when I try to add a new page. I’m using WordPress version 6.7.1, Enfold Theme version 4.6.3.1, and PHP version 7.4.5p1. How can I make the Avia Layout Builder visible on new pages?
When I click “Add New Page,” the Avia Layout Builder does not appear. How can I activate it? It works on pages that I’ve already created, but it doesn’t activate when I try to add a new page. I’m using WordPress version 6.7.1, Enfold Theme version 4.6.3.1, and PHP version 7.4.5p1. How can I make the Avia Layout Builder visible on new pages?
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hey Lance,
Enfold is compatible with PHP 8.x, there might be other things on your site which are generating the errors. You could try deativating all plugins and remove any custom code that you have added for example, and then update the PHP version.
Best regards,
Rikard
Hello,
I’m currently running PHP v.7.7 on my site. From time-to-time, my hosting provider urges me to upgrade to the latest PHP v. 8.2. When I do so, the formatting of my Enfold site gets scrambled and a “critical error” message is displayed. See linked screenshot. When I go back to 7.4, format is restored to normal. Hosting techs wonder if my theme is incompatible with the latest PHP versions.
Advice appreciated.Thanks, Lance
https://postimg.cc/gx8bZdCQ
https://kriesi.at/documentation/enfold/intro-to-layout-builder/#customization
This is a real good docu – unfortunately, there is too little research being done here
PS : above there are the two lines listed ( 876 and 877 newest Enfold 6.0.8) – but only the 876 has been changed .
but i guess it is easier to replace that little block of those two lines.
Hello,
I published a post this morning and, for the first time in going on 20 years of using Enfold, it didn’t appear at the top, or indeed anywhere, on my News page. It can be found at it’s own URL, and appears on at the top of the “Recent” widget list on other blog pages, but not on the blog landing/News page.
I’m using Enfold v. 18-01-14 with WordPress v. 6.6.2.
Appreciate your advice to fix this. Thanks! Lance
Hi,
Could you try updating the theme to the latest version (6.0.8) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/. Also make sure that you have registered your theme license: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hi,
If you have added it there, then yes you can. Otherwise you can generate separate tokens for each of your sites: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hi,
For the css, each icon has a different code number, for your shield with the check mark it is \e802
div[data-av_icon="\e802"] {
content: " ";
background-image: url(/wp-content/uploads/2024/12/Goering_Icon1_eCheck_farbig_RGB.png) !important;
background-size: contain;
background-repeat: no-repeat;
font-size: 0 !important
}
I adjusted your css and now it works.

Please review the thread on how to find the icon code:

Best regards,
Mike
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Thanks for letting us know. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Thanks for the update. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard