Hi,
We have a very old version (3.0.6) of the Enfold theme and we need to upgrade our PHP version from 5.6.40 to the neweset version PHP 8.4.
However when we tried we also needed to update the theme which we couldn’t find in our themeforest account so now we have bought the newest version.
I am trying to fix the issues with our IT partner and he tried updating it while running a localhost version on his laptop but he got a lot of errors.
Also as soon as we try to update through FTP we get a never ending stream of error messages for example:
Fatal error: Access level to av_email_spam::shortcode_insert_button() must be public (as in class aviaShortcodeTemplate) in ******\htdocs\*******\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\email_spam.php on line 16
To be smart i thought to just exclude it from the php file just to have it move on to the next 50 similar error messages.
Please let me know how to update the theme. As I found on your forums it was suggested you first needed to update to a version 4.5. or something and that would allow auto updates. However we now only have version 3.0.6. and the newest 7.1.3.
Kind regards
try:
@media only screen and (min-width:768px) {
#top div .logo {
z-index: 101 !important;
}
#top .main_menu,
#top .avia-menu {
width: 100%;
}
#avia-menu #menu-item-search {
position: absolute;
right: 0;
left: auto;
}
}
Dear people of the support forum,
On this page:
I would like to create the following header:
Hamburger menu icon on the left, logo centered, search icon (magnifying glass) on the right.
I am using a strechted layout with a container width of 1310px (standard fare).
For mobile, I would like to maintain this header layout.
I managed to center the logo on all screen sizes with this code:
.html_header_top #top .av_logo_right .logo {
right: 50%;
margin-right: -35.5px;
}
@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header_main .main_menu {
left: 0;
right: auto;
}
.html_header_top #top .av_logo_right #header_main .logo {
position: relative;
left: 50%;
right: auto;
margin-left: -41.5px;
margin-right: 0;
}
}
Your help will be much appreciated!
Greetings,
Can you please log in and check the installation for me? It looks like many theme options are missing. If these are all the options available, I understand, but it seems like part of the install might be incomplete.
I’m doing a lot of custom CSS because the theme doesn’t provide certain global options. It’s a nice design, but several features don’t appear to function as described. On top of the items I mentioned in the ticket I also have these issues, and many more. This was just the first list.
-The layout uses only 5 columns instead of the standard 12.
-On blog and masonry pages, image size settings are ignored.
-There’s no option to remove or modify the copyright label in the footer.
-The shortcode for removing your backlinks doesn’t work.
-The footer theme template file contains an unused “FB-content” div that isn’t documented/concerning to see rogue elements hidden like this that we can’t identify.
-full width doesn’t work- even with sidebar off.
-typography custom settings do not work
-columns do not overlay rows on center, they stack under them. Scaling or highlighting features of your theme cause the background to be pushed off the page.
-I have the same custom CSS heading style for all headings and also modified the typography settings of the template. Yet multiple headings on the exact same page display differently. How do we explain this? I have never before seen such behavior.
Here is one section where the accordian make is full width, then below it we have a color section that is full width, but the text block inside the color section only displays as block, no matter WHAT setting you change. See the blue bar under the “A” in APPRAISAL WORK below? The H2 text is center justified but no matter what we do the blue underline element stays as left aligned. I had to make a column just to get it to stay with the heading instead of drifting off the far left of the page. I have never seen any theme ever do this before. The custom changes that work on all the other wordpress sites do not work with this theme. You can see there is no sidebar, that is block format. You can see it in the theme file. You have anything listed as “content” restricted to under 900px or something like that. How do I fix that without rebuilding this template layout from scratch? Most themes just have a dropdown to change it but I can’t locate any similar options here.
The theme documentation discourages editing theme files, yet that seems to be the only way to achieve results. Other developers I consulted had the same experience and believe parts of the theme may not be working correctly.
I’ve used more than 20 ThemeForest themes and haven’t encountered this many issues before. I already checked the forums before posting. I’ll try to limit new posts to one or two issues at a time, but the number of non-functional options makes troubleshooting difficult.
If you believe these problems can be fixed, I’m happy to work with you. Otherwise, I’d respectfully request a refund so I can choose a different theme that better fits my needs.
Thank you for your time and understanding.
Hi,
Thank you for the inquiry.
1.) You can open threads using the form on this page: https://kriesi.at/support/forum/enfold/#new-post
2.) The default image style is set globally by the theme. If you need to adjust a specific image, you can do so using the Image element in the builder or by applying custom css in the Quick CSS field.
3.) It’s possible that the sidebar is enabled for that particular page. Make sure the page is set to full width by adjusting Layout > Sidebar Settings to “No Sidebar”.
If you have any other questions, please open a separate thread for each inquiry. Longer threads can get hard to follow, tend to go off topic and make it tricky for other users to find solutions. Keeping each thread focused on its original question helps us track what’s been resolved and makes it easier for everyone to find answers to similar issues.
To learn more about the theme, please check out the documentation: https://kriesi.at/documentation/enfold/
Thank you for your understanding.
Best regards,
Ismael
Hi,
Thank you for the update.
We cannot reproduce the issue with the search field or the details tab. The search field remains visible at all times, and the details tab is also visible on page load. If the tab is being deactivated on load, try adding this script in the functions.php file:
add_action('wp_footer', function() {
?>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var activeTab = document.querySelector('#top div div.product .woocommerce-tabs ul.tabs li.active a');
if (activeTab) {
activeTab.click();
}
});
</script>
<?php
}, 999);
Best regards,
Ismael
hallo @mofix – you can see here an updated snippet that will pull out the enfold options to determine the content width.
https://kriesi.at/support/topic/non-fullwidth-portfolio-or-grid-row-gets-colored-sides/#post-1491061
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
You’re talking about the grid row element, right?
Edit: sadly you did not post a link to your page – but your screenshot is clear enough – i found your site now.
Because it looks exactly the same when you set a grid-row by css to to be not full-width, I thought you had used this element.
____________
So – why don’t you put the portfolio grid inside a 1/1 Container
The Color-Section can have the one background-color – and the 1/1 Container a different one.

if you then do not want on top and bottom of the 1/1 Container the background-color of the Section just remove padding-top and padding-bottom of 50px.
did you try out my suggestions? https://kriesi.at/support/topic/video-on-home-page-2/
and again see your video placed on one of my testpages: https://webers-testseite.de/lara-video/
the only thing you had to know is the aspect ratio of your video ( in your case 1500:710 ) and this is not 16/9

this belongs to paragraph margin setting. So maybe it is enogh to only get rid of default margin-top value on first p tag.
#top p:first-child {
margin-top: 0 ;
}
Filesize is on original jpg small enough – so you can insert the full image. Maybe that is a bit sharper then.
And maybe you switch earlier to hamburger menu :
@media only screen and (max-width: 1200px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}
Hi there,
When using the next and previous buttons in a standard post, I’d like the next or previous post to be from the same category.
I found this filter (in a topic from 2017 …) but that doesn’t work for me:
add_filter(‘avia_post_nav_categories’, ‘use_same_category_filter’);
function use_same_category_filter($same_category)
{
$same_category = true;
return $same_category;
}
Is there another solution maybe?
Beste regards,
Steven
Hi Rikard,
Yes, I did try both Chrome and Safari. I just tried a private window on Safari and I still get the spinning wheel when trying to access the Avia layout builder elements (see screen shot). BTW, this happens on other pages using the AviaLayout Builder instead of Default. Pushing this further, I managed to finally get to see the elements and modify them after logging out and logging back in. But this trick only last a little while since I need to repeat this step if I stop working for a while and I wish to get back to it.
I have also noticed that I have problems saving changes when working on modifying attributes or changes in variations on product pages. I must use the same trick as described above to regain access to product editing.
It’s very puzzling. Can you take a second look?
Thanks in advance.
Philip
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
hm – if so – then it had to be a part of your layerslider – because on my testpage i got an advanced layerslider too on top – but ajax search acts normal.
https://webers-testseite.de
or https://webers-testseite.de/advanced-layerslider/
sorry Typo in link
Hi Yigit, i am still searching for the root cause, as time is very limited right now. What i found is: If i remove the LayerSlider at the top it does not looses focus anymore. It only happens if the layer slider is there after a slide is switched and it starts to show the text on the new slide. If i have any more Updates ill post here.
How can I change the style here? I would like to: 1. Change this text to German. 2. Change the appearance here so that it looks like 3 (black background, white text).
4. I would like the header on the homepage to be invisible and only appear when scrolling in the mobile view. And it should also be like this in the desktop view – currently, the header doesn’t appear at all when scrolling (desktop view).
Thanks, Alex
Hi,
We create a horizontal scroll for small screens:
Could be possible that when the page loading the scroll will be in the middle?
Many thanks.
BR
Hello,
I was able to fix the image problem with additional CSS.
There is still an issue with the search box in the top right corner of the nav bar. When you enter search terms, a drop-down appears with results; however, it closes really quickly, and you cannot click any of the results. How do I fix this?
Also, when you go to a product detail page, it use to show the details, but after an update, you now have to click details like it’s a button. How can I make it always visible again?
Example: https://dpfsource.com/product/ct350-da/
Thanks
css depends on the place where you show it – f.e. in the top header:
#top #wrap_all .av-social-link-bluesky:hover a {
color: #fff;
background-color: #1185fe;
}
#top #wrap_all .av-social-link-bluesky a svg * {
fill: var(--enfold-header_replacement_menu_color);
}
#top #wrap_all .av-social-link-bluesky a:hover svg * {
fill: #FFF
}
Hi, I’d like the logo on my website https://www.avvocatoambienteesicurezza.it to be visible only in the mobile version.
I added the code .logo { display: none !important; } to the CSS, but obviously it hides the logo everywhere, even in the desktop version. Can you please help? Thanks, Gianluca.
Hi,
Please also keep in mind my previous post about how caching plugins work with javascript and the limitations with screen sizes.
Best regards,
Mike
Uta GleiserGuest
Dear Kriesi Team, I am using the Enfold Child Theme 1.0
When my homepage was built in 2018, I paid the Enfold Theme costs to the person who built it, but I never received the license.
The site is still running on Version 1.0, but there are now difficulties with PHP updates.
I guess it’s because I never updated the Enfold theme. Is it possible to buy a new license and update my site? Please let me know. Then I will buy a new one.
Hey Uta,
Quintuple post, closing.
Best regards,
Rikard
What does: Quintuple post, closing. mean?
How can I get the new update? How can I pay for it? And how much does it cost? I cannot find any help on this topic on your site. Please let me know how i can purchase an update for my homepage and if a new update will fix the PHP problem?
Thanks Uta
you can try:
#top .avia-featureimage-slideshow .avia-caption-title a {
display: inline-block;
line-height: 1.4em;
background-color: rgba(0,0,0,0.3);
backdrop-filter: blur(4px);
padding: 5px 8px;
border: 2px solid #FFF;
border-radius: 5px
}
Just leave out the border styling if you don’t like to have it. I’ve now adjusted it so that it fits the button.
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
the position of those arrows is set in testimonials.css by:
#top .av-large-testimonial-slider .avia-slideshow-arrows a {
margin-top: -1px
}
so if you like them above the content area – try:
@media only screen and (max-width:767px) {
#top .avia-testimonial-wrapper {
overflow: visible !important;
}
#top #wrap_all .av-large-testimonial-slider .avia-slideshow-arrows a {
margin-top: -50px;
opacity: 0.5;
}
}
but you had to be shure that the content from above the testimonials does not come into conflict with that area.