Hi,
@NonSuch We may need to access the site in order to better understand the issue. Please open another thread and post the login details in the private field. In the meantime, try to disable the cache plugin and temporarily turn off the Enfold > Performance > File Compression settings to see if it has any positive effect.
Best regards,
Ismael
LeyendeckerGuest
I bought enfold theme version 4.5.2 in 2018 and now I really need to update it. Because with the new php version 8.1 the website no longer works. What to do? I am a beginner.
Hi,
Glad we were able to help, in the future if you find jQuery scripts with the dollar sign ($) try wrapping it with this:
(function($) {
// script here
}(jQuery))
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
Hey Highlander-2013,
Please use the options at Horizontal Gallery ▸ Styling ▸ Gallery ▸ Gallery Height to adjust the gallery height in relation to the gallery container width.

and also note the size of the images, so if you want it in a small space you probably don’t want to use large images

So depending on the size you want use these two settings together.
Best regards,
Mike
Hi,
When I checked your child theme functions.php you still had the old script:

I replaced it with the script above and now the logo shows:

please clear your browser cache and check.
Best regards,
Mike
Hey stephaniebLOS,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .social_bookmarks .social_bookmarks_facebook:hover a{color:#708e40; background-color:#fff; }
#top #wrap_all .social_bookmarks .social_bookmarks_mail:hover a{color:#708e40; background-color:#fff; }
#top #wrap_all .social_bookmarks .social_bookmarks_linkedin:hover a{color:#708e40; background-color:#fff; }
#top #wrap_all .social_bookmarks .social_bookmarks_instagram:hover a{color:#708e40; background-color:#fff; }
After applying the css, please clear your browser cache and check.

Best regards,
Mike
Hi,
Very good, we will close this thread as complete for the cookie bar customization into a cookie popup as you asked for, your welcome.
As for your new cookie management question, please see our cookie documentation, were you will see that you can change or add buttons to say whatever you want them to say, the “functionality” cookie would be like Google fonts & Google Maps the “marketing” cookie, would be like Google Analytics or any third party tracking that you have installed.
I recommend using the provided cookie options in the theme settings, and rename or add buttons as the options allow, as it may be very difficult to completely redesign the cookie management panel. If you feel the cookie management panel is inadequate or needs further features, please submit a Github Feature Request as it is for users to place requests and follow them as they are reviewed.
If you need further help after reviewing the documentation, please open a new thread and try to explain what you want to achieve in detail. Thank you for your understanding and patience.
Best regards,
Mike
I mean, I want to make it easier the cookies choosing.
So I’m asking you which cookies encloses “functionality”, “marketing”. I read about the cookies in WordPress (Enfold) but it talk about Google fonts, maps, etc..
Please read again my last message where I ask you all..
Thanks
Dear Enfold support team,
I hope this message finds you well. I am reaching out regarding an issue I’ve encountered with the Enfold theme on our website, https://csrf-southsudan.org/.
Upon upgrading our PHP version to 8.x, our website started displaying the following error: Fatal error: Unparenthesized a ? b : c ? d : e is not supported. Use either (a ? b : c) ? d : e or a ? b : (c ? d : e) in /home/httpd/vhosts/swisspeace.ch/csrf-southsudan.org/wp-content/themes/csrf-southsudan/functions-enfold.php on line 332.
Although we tried to address the issue by modifying the aforementioned line in the functions-enfold.php file, the problem persists. When we install and update the theme to its latest version, the site operates without the error, but some of our customized posts appear to be disrupted or data seems to be lost.
We understand that this might be related to the changes in the ternary conditional operators from PHP 7.4 to 8.x.
We would greatly appreciate your guidance on how to resolve this issue without losing our theme customizations. We are eager to maintain the integrity and functionality of our site and believe that your expertise will be invaluable in this process.
Thank you for your time and assistance. We look forward to your response.
Warm regards,
Tuncay Cicek
I am trying to add javascript to functions.php to enable a codepen example in a webpage.
The codepen is: https://codepen.io/codehound/pen/NWePGQW
The page I’m trying it on is: https://naturalpainx.com/test-big-logo/
I exported the codepen.
The exported css (style.scss), I put it in a Codeblock.
I put the html (div part) in another codeblock.
So far, so good.
Then I tried to add the javascript (which is the “magic” that makes it work.)
But…didn’t work for me.
I tried to use info on How to add a custom function in
The script.js exported from Codepen, was fairly simple:
$(document).ready(function() {
setTimeout(function() {
$(‘.ribbon’).addClass(‘active’);
}, 500);
});
So, I tried to put it in the suggested function like this:
// WordPress custom function
function my_custom_function(){
?>
<script>
$(document).ready(function() {
setTimeout(function() {
$(‘.ribbon’).addClass(‘active’);
}, 500);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘my_custom_function’);
It just doesn’t appear to do anything. I am not adept at javascript…obviously. Can you see what step I’m missing?
Any direction would be appreciated!
Hey stephaniebLOS,
Thank you for the link to your site, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .social_bookmarks li a {
width: 40px!important;
line-height: 40px!important;
min-height: 40px!important;
font-size: 20px!important;
}
#top #wrap_all .social_bookmarks li {
height: 40px!important;
width: 40px!important;
}
#top #wrap_all .social_bookmarks {
height: 60px!important;
}
feel free to adjust to suit and clear your browser cache and check.
Best regards,
Mike
Lighthouse was giving me a Performance error of “Ensure text remains visible during webfont load”
So I have this in my child functions.php to preload the fonts:
add_action('wp_head', 'preloadfonts');
function preloadfonts(){
echo '<link rel="preload" as="font" href="https://www.henleyherald.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff2" type="font/woff2" crossorigin>';
echo '<link rel="preload" as="font" href="https://www.henleyherald.com/wp-content/plugins/weather-atlas/public/font/weather-icons/weathericons-regular-webfont.woff2" type="font/woff2" crossorigin>';}
The second echo is still causing the error but I can’t see anything wrong with the code. The URL is definitely correct.
Any ideas why it might not be working?
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,
Thank you for the link to your site, the column that the masonry gallery element was in had a column link to your about page, I removed this link for you and now the masonry links work correctly.

Best regards,
Mike
Please advise further, as this is once again producing black bars on the sides, at least in Edge and on smaller laptop screens. More info enclosed. I assume it’s something with the CSS in the Enfold custom CSS field. Thanks!
Hello support team,
I realize this is an old topic, but I seem to be facing the exact same issue as OP (judging by his shared picture).
I’m using latest Enfold with WooCommerce on WordPress 6.3, when I mouse hover over the cart shopping item I don’t see the correct preview. This cart preview however is working fine while using Appearance -> Customize option from WordPress menu.
Please see attached screenshots:
Working correctly with Appearance -> Customize View
https://drive.google.com/file/d/1AaADLOZCkAk2QkUupLR3CxkCoInbOwHU/view?usp=sharing
Not working in normal view
https://drive.google.com/file/d/1r8z53ht19v2NtvkxDmlcrtffU2O2vhGV/view?usp=sharing
OP mentioned removing ‘Disable Cart Fragments’ fixed the issue. I never disabeld these cart fragments. I disabeld “Enable AJAX add to cart buttons on archives” option in woocommerce settings. I tested this also with different resolutions and browsers, as well as changing “Header Shopping Cart Icon” in Shop Options of Enfold settings menu without success.
Please advise,
thank you.
-
This reply was modified 2 years, 8 months ago by
NonSuch.
Hi,
If I put the code in the functions.php, how can I turn off the cookies with the enfold cookie banner?
Best regards
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,
To add some space between the red buttons in Settings ▸ Cookie and Privacy Settings add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 384px) {
.avia-cookie-consent-modal-buttons-wrap .avia-cookie-consent-button.avia-cookie-consent-button-4 {
margin-bottom: 20px;
}
}
After applying the css, clear your browser cache and check.

Best regards,
Mike
Hey Guenter,
Actually $shrink_factor is intended to be integer.
In enfold\js\avia-snippet-sticky-header.js around line 146 you find:
const value = parseInt( shrink_factor );
This results to 0 with 0.1 so it should acutally work (header remains unshrinked)
Best regards,
Günter
Hey Christy,
Thank you for the inquiry.
Did you add any css modifications to the site? It’s possible that one of the modifications is conflicting with the default icon styles. To temporarily fix the issue, you can adjust the line-height property of the icons using the following css code.
.av_font_icon.av-lll8d99i-2fca3d5f5ccdb6b019f5482b389e3830 .av-icon-char, .av_font_icon.av-lll8ixs5-35fea21e2373ecef7f31aeac373e8523 .av-icon-char, .av_font_icon.av-lll8hdip-cad2ff3195240eff995ec25abf357c9d .av-icon-char {
line-height: 51px !important;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.
Best regards,
Ismael
Hey AU5985,
Thank you for the inquiry.
You may need to import the demo manually using the xml files. Please check the documentation below for more info.
// https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo
Best regards,
Ismael
Hi,
The banner is visible, the red buttons work fine.

Best regards,
Mike
Hi,
As I understand you want the footer columns to line up on the left with the line above Ring til os
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#footer .flex_column.av_one_fourth:first-child {
padding-left: 40px;
}
Please see the screenshot in the Private Content area.
I posted the css to underline your lines in two other threads, but here it is again:
#top a:hover {
text-decoration: underline;
}
Best regards,
Mike
Hey Lene,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#socket span {
font-size: 16px;
}
#top a:hover {
text-decoration: underline;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hey ballindigital,
Are you using a plugin like WPML for your translations? If so this includes a language selector.
If you are manually translating your pages then try using the secondary menu in the topbar, Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Header Secondary Menu to your sites.
I assume that you will have two sites on sub-domains for your two languages and your menu will point to the two sites.
Best regards,
Mike
Hey sarthakchoudhary,
Please install our Avia Special Character Converter Plugin this will allow you to add a line break in the field using this code ###lt###br###gt###

You can read more about the Avia Special Character Converter Plugin here ▸ Using special characters
Best regards,
Mike
Hey Jovan Mabilin,
Thanks for your question, your theme version is very old and the theme no longer uses page/2, page/3, and so on, now it uses ?avia-element-paging=2 see this page for example, so yes this issue has been solved. But if you have SEO traffic to page/2 then you will get 404 errors unless you use a redirect plugin, you may take a hit in SEO until your new pages are listed correctly, but your old pages were an error anyways so they are not helping you.
Since v3.3.2 Enfold has improved a lot and is much better for SEO now.
Best regards,
Mike
Hi,
I fixed the buttons for you, Please note that 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.
If you don’t see it on desktop then logout and use a incognito browser:


Best regards,
Mike