I have now used a plugin to use a different cookie banner. How can I delete the cookie bar in Enfold and can the plugin work together with Enfold? (So everything is really still okay despite the plugin)
Merry Christmas and a Happy New Year!
Hello.
My website is hosted on siteground and I see now for some time that the dynamic cache is not working due to “SKIP_CACHE_NO_CACHE” header that is present which basically instructs the website to bypass any caching. SG support confirmed that this is the reason why cache is not working. Also myself I have deactivate everything and use enfold alone and the problem stays the same. Using any other theme the problem disappears. We use enfold with WPML and for some years till today everything was ok. Unfortunately this issue is very important because the website is consuming very fast cpu seconds and we have already upgraded our hosting plan and soon this will not be enough also.
If only one toggle matches the filter the user has clicked, one might want to show the content immediately (makes sense from UX perspective, since the user would open the toggle anyway as his next step; so we are polite and take care already 😉).
To make the Enfold accordion behave like that, you’ll have to change a JS event handler located in your Enfold theme directory in config-templatebuilder/avia-shortcodes/toggles/toggles.js as follows:
sortLinks.on( 'click', function(e)
{
e.preventDefault();
var show = toggles.filter('[data-tags~="'+$(this).data('tag')+'"]'),
hide = toggles.not('[data-tags~="'+$(this).data('tag')+'"]');
sortLinks.removeClass('activeFilter');
$(this).addClass('activeFilter');
show.slideDown();
hide.slideUp();
// Exactly 1 toggle to show and content is hidden?
if( show.length == 1 && show.find('.toggle_wrap').css('visibility') == 'hidden' )
{
// Open specific toggle
show.find('.toggler').trigger('click');
}
else if(show.length != 1) {
// Close open toggles
heading.filter('.activeTitle').trigger('click');
}
});
Best way to do so (instead of changing the original enfold file):
- Copy the original file into your child theme folder (I always recreate the Enfold folder structure to be able to trace the origin of the changed file).
- Open the copied file and replace the event handler by the one shown above.
- Save and close the file
To load your JS file instead of the original one, you have to add some code in your functions.php (taken and adapted from the very bottom of this page):
/**
* Load child theme toggles js
*/
function itcv_change_togglesjs() {
wp_dequeue_script( 'avia-module-toggles' );
wp_enqueue_script( 'avia-module-toggles-child', get_stylesheet_directory_uri().'/config-templatebuilder/avia-shortcodes/toggles/toggles.js', array( 'avia-shortcodes' ), $ver, true );
}
add_action( 'wp_print_scripts', 'itcv_change_togglesjs', 100 );
Done!
-
This topic was modified 2 years, 3 months ago by
JVo.
-
This topic was modified 2 years, 3 months ago by
JVo.
Hey Lene,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
display: block;
}
}
Best regards,
Rikard
Hi,
For your information after your holiday break, this is the example of the menu items adding the current-menu-item class when they are clicked, this is a gif so you may need to click the image for the gif to play and wait a few seconds:

this is your page while I click on the menu items, see how the classes flash like in the gif above but the class current-menu-item is not added:

I hope this explains what I meant better.
Happy Holidays and Merry Christmas.
Best regards,
Mike
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,
Please try this link: Special Character Translation plugin
Best regards,
Mike
Please see my second post: the plugin is no more available at the github page of enfold.
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. Merry Christmas
Best regards,
Mike
Thanks Mike, I see now from the Enfold documentation on the spacial character that explains the same exact problem I had. However the link to the plugin you suggest is broken: the plugin seems that doesn’t exist
-
This reply was modified 2 years, 3 months ago by
elenapoliti.
Hi,
Thanks for the feedback, glad to hear that you have found that adding a space after the special characters helps, I believe that the WordPress text element has a feature that removes duplicate spaces, so perhaps when you edit the page for something else the duplicate spaces are removed the page breaks again.
Perhaps the best solution for your scientific pages is to use the Special Character Translation plugin for these characters, please see our documentation: Using special characters
Best regards,
Mike
Hi again, I unchecked the other boxes and left only those again and it worked. So, for future updates, it will be using the plugin to notify there is an Enfold update therefore the plugin should remain? Thank you.
Hi, yes, all those are selected and have since created a new token and deleted all previous ones. When activated under the Enfold tab, it is validated. The error is showing in the Envato plugin. Thanks.
Hi again, I installed the Envato plugin and deleted the previous tokens, as well as where it was initially under Enfold, so that it was only on the newly installed plugin. It is showing an error message:
Incorrect token permissions, please generate another token or fix the permissions on the existing token.
Please ensure only the following permissions are enabled:
1. View and search Envato sites
2. Download your purchased items
3. List purchases you’ve made
Please advise, thank you.
Hey MikeTandySwag,
Thanks for the mockup, I recommend using the Masonry Element with the Display Title and Excerpt and Display as centered overlay (overlays the image) selected:

then under styling choose a Large Gap and Perfect Grid:

Then under the Advanced tab ▸ Developer Settigs add the custom class custom-masonry-with-button, note that you do not add the class dot:

For my example I choose to use two columns and only show four posts.
Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.custom-masonry-with-button .av-masonry-date {
display: none;
}
#top .custom-masonry-with-button.av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
vertical-align: bottom;
}
Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_filter('avf_masonry_loop_prepare','avia_change_default_link', 10, 2);
function avia_change_default_link($loop, $entries)
{
foreach($entries->posts as $key => $entry)
{
if($entry->post_type == "post")
{
$more = "<br /><span class='custom-masonry-more-button avia-button avia-size-x-large avia-position-center avia-color-light'>".__('Read more','avia_framework')."</span>";
$loop['content'] = avia_backend_truncate($entry->post_content, apply_filters( 'avf_masonry_excerpt_length' , 0) , apply_filters( 'avf_masonry_excerpt_delimiter' , ""), "", true, '') . $more;
}
}
return $loop;
}
If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets, for this code you would choose the PHP snippet:

This is the expected results:

Please give this a try.
Best regards,
Mike
Hey sharynt3,
Did you register your theme license? If not, then please follow this: https://kriesi.at/documentation/enfold/theme-registration/
If the updates should not come through via the backend, then please try using this plugin instead: https://envato.com/market-plugin/
Best regards,
Rikard
Hi,
When I checked your site the blue background color for the “COSMETIC, FAMILY & SPECIALTY DENTISTRY” section and the background image and font size for the “New Patient Offers” only show when I’m logged in. This is due to your caching plugin, WP Rocket, note that the cache settings shows the cache for mobile devices and logged out users:

So your WP Rocket cache needs to be cleared. I did this and checked your site again logged out and incognito and now your sections show correctly.
I checked with Windows in Chrome, Firefox, & Edge and it is showing correctly now, Please note that testing Safari can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
If you find that after making edits to your site you see this issue a again, I recommend disabling your caching plugin until you are done creating your site, often caching causes issues while people are creating the sites, your caching should be activated only after your site is done so you don’t need to fight with it.
Best regards,
Mike
Hey solinpaul2,
Thanks for your question, it sounds like you are using the transparent header on your homepage, showing the transparent logo, while your other pages are not using the transparent header, so if you want all of your headers the same as the homepage you set the header for each page to transparent in the Header visibility and transparency setting.

Or you can change both logos to use the same image:

Best regards,
Mike
Hey katewoods94,
Thanks for your question, the icons used in the Enfold theme, such as in the icon element, are in a icon-font format and not in a image format that most icons are when you download them.
You can download the icon-fonts from Fontello.com and add them in the theme setting Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager, or you can use icons found elsewhere and convert them into the SVG file type and upload them into Fontello.com and create your own custom icon-fonts. Note that sometimes Fontello can be picky, so here is a way to fix them.
Please note that icon-fonts can not have colors, so if you want to use color icons you should upload the images to your media library and then use css to show the images.
One clever way to do this is to use a built-in icon-font that you would probably never use and then use some css to replace it with your icon image, see this thread.
Best regards,
Mike
Hey biggsuccess,
I added this CSS to the top of your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 767px) and (orientation: landscape) {
.responsive #top #wrap_all #main {
padding-top: 119px !important;
}
}
and tested on my Android device, please clear your browser cache and check.
Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
Mike
Here’s another website I recently created using Enfold. My customer didn’t want fancy and slow animations etc. but clarity and speed/performance. So, what do you think? https://suretybondsolutions.net
Hi all,
the menu/logo on my website homepage shows up white and transparent but when you go to any other page on the website the menu and logo use alternate version and show up in a banner at the top of the page. How can I keep the same menu and logo on all other pages as it is on the homepage. If I remove my alternate logo in theme options then the Enfold logo shows up on all other (not homepage) pages.
I am using Enfold Health Demo theme.
My website is currently unpublished so not visible to public but if someone can help me out that would be great.
Hi mirr,
Please go to Enfold > General Styling > Quick CSS, then add this CSS code:
#top .avia-content-slider .slide-image {
background-color: transparent;
}
Hope it helps.
Best regards,
Nikko
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
Hi,
Try checking out the plugin as it allows you to customize the options

Best regards,
Mike
I’m trying to update some old pages in Enfold. I’ve been using the software for years and this is something new that began a few weeks ago. None of the images are showing up in the editor. I’ve tried it multiple times over several days on three different browsers. I need to replace some images. But because they aren’t showing, I can’t delete the old ones. HELP!
Hi, we recently updated from an older version of Enfold by purchasing a new license on November 25, 2023. Since the release of v.5.6.9, it has not appeared in our Enfold panel, even when manually checking for the update, the message says: No Updates available. You are running the latest version! (5.6.8)
I use Enfold on 2 other sites and there was no issue updating from 5.6.8 to 5.6.9. Would you know why and how to set it so the updates appear automatically or via notice from Themeforest? Thank you.
Best regards
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,
Would you be doing this on the same server or a different server? As you recall I copied you page using the Avia Layout Builder Debugger so the page shortcode for the single page could be copied.
You could easily test using this method, try creating a new WordPress install on a test subdomain, install Enfold and then copy the one page by Enabling the Avia Layout Builder Debugger and check if the error occurs, if it does and it’s the same server, try the same steps on a different server and check again.
I restored my precious test page of your page if you want to review again.
Best regards,
Mike
Hi, yeah it’s very strange. If you say that you can’t reproduce the issue on another site, then I’m also thinking about exporting site data (creating a backup copy) using one of the export plugins, then deleting everything, installing new WP on the server, then new Enfold and new Child, and then importing site data again, but firstly it will take some time so I’m not too keen on doing that, and secondly, not sure if the issue would be exported in the backup copy as well? Because if so then no point doing that, obviously, because it will come back with the imported backup copy file :|
Or could it be related to the fact that I imported your demo after installing Enfold Child, which (maybe) includes some old code that causes that? I’ve done it mainly for that demo’s theme colours which I liked, so I may try next time without loading that demo, again – if it’s something that could cause that issue, which seems unlikely but just trying to exclude every possibility before building everything again from the scratch (if I find time to do so, for now I’ll just leave it as it is and will work around it).
Merry Christmas and Happy New Year! :)