Hey Jon L,
Typically, this is because you did not install the installable WP version from your Theme Forest account, you probably tried to install the full theme package with the documentation.
Try downloading the installable WP version, or extract the one you have and look for the enfold.zip file inside and upload it to install.
Best regards,
Mike
I have noticed a series of classes are bring assigned to each sentence. I see this in the Text mode of my articles. I am referring to an eexample such as this,
<p class=”ai-optimize-9”>
The “class” is added when I insert a line break after a sentence in the Visual mode. This has not existed. This is new. Is WordPress or the ENFOLD theme adding this code?
Thank you for the help
Jon LGuest
I tried to update my license by paying for and downloading the latest Enfold theme. When I try to install the theme on my wordpress site, I receive a message stating that it could not be installed because “the style.css file is missing.”
you can see here an example on using that shortcode including the existing classes from enfold to handle a hamburger menu – if you look to the DOM – it is very nearby the setup from : https://jonsuh.com/hamburgers/
because all scripts are allready implemented to enfold – you have to find a way how to insert that DOM Structure
<button class="hamburger hamburger--collapse" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
but try to find a plugin ( yes the good ones are not free) that handles the hamburger insertion with a given WordPress menu.
Hello Mike,
Thank you very much for your reply.
I have now tried all your options:
1. created a new token (I deleted the old one) and successfully linked it to ENfold. Unfortunately, however, I got an error message again during the update > see screenshot 1: https://osmosis.de/support/1.png
2. then downloaded the new Enfold theme from Themeforest and reinstalled it via Themes > see screenshot 2: https://osmosis.de/support/2.png > but after a short time an error message appears again: see screenshot 3: https://osmosis.de/support/3.png
What should I do now?
Best regards Diana
If I get the time – I’ll post up our process for this – We do the same for our Enfold and non-Enfold sites.
Hi,
The old version 5.2.1 will not update automatically in the theme update due to changes that Envato made during the change from the API key to the Token. To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Once you update to the latest version you will have no problems updating in the future.
Best regards,
Mike
Hey syberknight-tb,
Unfortunately, we don’t have an element that will achieve this for you in the theme, while there are many plugins that may work for you, when I check some of them they don’t quite match, but if you spend more time testing each one you may find one.
I was able to create something that may work for you using javascript and HTML in a shortcode, on mobile it shows 1 1/2 team member cards with prev & next arrows and loop when you click to the end:

on tablet it shows 2 1/2 cards:

and on desktop it shows 3 1/2 cards:

As is it holds 8 cards, you can add more or have less, you will need to edit the HTML to add your images and text, hopefully you will be able to do this:

Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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 code below and save.
function team_carousel_shortcode() {
ob_start(); ?>
<div class="carousel-container">
<button id="prevBtn">←</button>
<div class="carousel">
<div class="carousel-track">
<!-- START: Team Members -->
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 1"><p>Member 1<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 2"><p>Member 2<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 3"><p>Member 3<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 4"><p>Member 4<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 5"><p>Member 5<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 6"><p>Member 6<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 7"><p>Member 7<br>A short bio for the team member</p></div>
<div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 8"><p>Member 8<br>A short bio for the team member</p></div>
<!-- END: Team Members -->
</div>
</div>
<button id="nextBtn">→</button>
</div>
<style>
.carousel-container {
position: relative;
width: 80%;
overflow: visible;
margin: auto;
}
.carousel {
overflow: hidden;
width: 100%;
}
.carousel-track {
display: flex;
transition: transform 0.5s ease-in-out;
}
.card {
box-sizing: border-box;
padding: 10px;
background: #e8e8e8;
margin: 5px;
border-radius: 8px;
text-align: center;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px) {
.card { flex: 0 0 62%; }
}
@media only screen and (min-width: 768px) and (max-width: 1800px) {
.card { flex: 0 0 38%; }
}
@media only screen and (min-width: 1801px) {
.card { flex: 0 0 28%; }
}
.card p {
color: #000;
}
.card img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 100%;
}
#nextBtn, #prevBtn {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #000;
border: 2px solid #000;
padding: 10px;
cursor: pointer;
z-index: 10;
}
#prevBtn { left: -50px; }
#nextBtn { right: -50px; }
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
const track = document.querySelector('.carousel-track');
const cards = document.querySelectorAll('.card');
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
let currentIndex = 0;
let cardWidth = cards[0].offsetWidth + 20;
function updateCarousel() {
const shift = currentIndex * cardWidth;
track.style.transform = translateX(-${shift}px);
}
function moveToNext() {
currentIndex++;
if (currentIndex >= cards.length) {
currentIndex = 0;
}
updateCarousel();
}
function moveToPrev() {
currentIndex--;
if (currentIndex < 0) {
currentIndex = cards.length - 1;
}
updateCarousel();
}
nextBtn.addEventListener('click', moveToNext);
prevBtn.addEventListener('click', moveToPrev);
window.addEventListener('resize', () => {
cardWidth = cards[0].offsetWidth + 20;
updateCarousel();
});
});
</script>
<?php
return do_shortcode(ob_get_clean());
}
add_shortcode('team_carousel', 'team_carousel_shortcode');
Then add this shortcode in a code block element on your page: [team_carousel]
Feel free to adjust the colors in the css in the code.
Best regards,
Mike
Good morning,
I was reading through the Enfold support tickets and saw that many others have experienced the same issue with images being displayed in larger sizes than those originally uploaded.
We are not using any image-related plugins because we already upload optimized images.
You can check, for example, the first image on this page:
We uploaded it at 141 KB, but Enfold displays it at over 500 KB.
In addition, developers have worked to optimize the site as much as possible, and despite this, it still exceeds the CPU usage limit. They believe the issue might be due to the Enfold theme being poorly optimized and too heavy. Unfortunately, I use Enfold on four websites. I thought it was an excellent theme, so it’s quite concerning to hear from professionals that it may not be suitable for a more complex website.
Do you have any idea why there is such excessive CPU usage?
i have 2 columns that contain a persons headshot (using the image block > styled > circle) and their bio (using the text block) underneath. this fits nicely in our page width & wraps well for mobile. but i’ve now been informed that there will be more than 2 people (pic & bio).
is there a way to use these colums > image > text in some sort of horizontal slider or accordion kind of thing? where 2 columns remain visible but there’d be a hint that a 3rd column (or more) is there for the user to click on for the columns to slide left, now showing the 2nd & 3rd columns (with the 1st column hinted at left like the 3rd column was at right).
the closest block i’ve found in Enfold is the “Content Slider”, but it’s not obvious enough that there are more columns to explore. the arrows seem small & obscure, and there’s no hint (faded partial view of the 3rd slide) of more content to click the arrows for; and when clicked, it removes the first 2 slides altogether to make room for the 3rd, instead of leaving the 2nd in the 1st position with the 3rd in the 2nd position. does that make sense?
i suspect this is too detailed of a desire & beyond the bounds of Enfold and the Layerslider it includes. so i thought i’d ask in case anyone knows of any 3rd party plugin that might do this before/while i start exploring.
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.fallback-post-type-icon {
display: none;
}
Best regards,
Mike
Hi,
Glad Ismael could 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
Hey MarthaMedia,
Please follow this: https://kriesi.at/documentation/enfold/theme-registration/
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
Hi Ismael,
it seems the fold-unfold HTML-Quellcode gets crushed, when the Data Access plugin is activated.
Normally, the div-container with the class “avia_textblock” appears inside the parent container with the classes “av-fold-unfold-container folded”.
When the Data Acces Plugin is activated, The “avia_textblock” container is written outside the “av-fold-unfold-container” and thus cannot work. I don’t understand how a WP-Plugin can do that? Is it a question of when the css-Data is read by WordPress or Enfold? Or has it to do with javascript or jquery? Also strange: The fold-unfold function works in the backend ie. when switching to edit mode.
Thanks again for your help
Ruth
THANK YOU… I have successfully reinstalled the base theme. The OTHER ISSUE… was not resolved.
Can you advise? the other question was not resolved with the install.
AND THIS HAPPENED – Checkout — Inactive Maintenance Mode Page (Change), Inactive Custom 404 Page (Change), Inactive Custom Footer Page (Change), Checkout Page
on the page it says: This page is selected to be displayed as maintenance mode page but is not active at the moment. (Set in Enfold » Theme Options). (Change) – I AM NOT SURE WHERE I CAN CHANGE THIS.
CAN YOU TELL ME WHERE THIS IS?
THANK YOU!!!
Hallo liebes Team,
wir haben aktuell Enfold Vesion 5.2.1 installiert.
Leider wird mir im Template unter Updates keine Möglichkeit angezeigt auf die neuste Version zu gelangen.
Wie und wo kann ich auf die aktuellste Enfold Version updaten?
Es wird immer nur folgendes angezeigt:
Theme-Aktualisierungen
Keine Aktualisierung verfügbar. Du verwendest die letzte Version! (5.2.1)
Hallo liebes Team,
wir haben aktuell Enfold Vesion 5.2.1 installiert.
Leider wird mir im Template unter Updates keine Möglichkeit angezeigt auf die neuste Version zu gelangen.
Wie und wo kann ich auf die aktuellste Enfold Version updaten?
Es wird immer nur folgendes angezeigt:
Theme-Aktualisierungen
Keine Aktualisierung verfügbar. Du verwendest die letzte Version! (5.2.1)
Hey rixi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1400px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
Best regards,
Rikard
Ventsislav KrastevGuest
Hi,
Just logging something for your interest ….
We have a licence for Enfold, but we don’t currently have support cover.
However, we have discovered an issue that appears in Enfold 7.1.
Issue description, something went wrong….
We used the Enfold theme, and the blogs are visualized in a way shown in the following picture:
https://prnt.sc/rGH8-NGlZ70c
After we installed the Tutor LMS plugin, it changed the visualization of the blog category pages and now shows them as a listing of courses, the following picture:
https://prnt.sc/yalpyPB2qeiQ
Why did it happen this, and what can we do to return to the old visualization blog and work with Tutor LMS?
Thanks in advance!
BR VK
Hello Ismael
Thank you for the help. It is working but i wonder how i can also disable the top row of icons which seems to be duplicate of icons which are already there.
Its called:
Iconfont: Entypo Fontello Enfold (Default)
and contains like 12-15 icons
Hello Again,
I just received an automated message from WordPress providing details regarding a widget error with StrategyDriven.com’s Enfold widgets. The message included error details and is provided in whole within the Private Content associated with this post.
I really appreciate your continued support. I hope this error information is helpful.
All the Best,
Nathan
Hi Rikard,
I tried other themes with all plugins disabled to see if the widget areas and widgets were there. They are (widget areas and widgets) but are uneditable as the widget areas/widgets are not supported by the other themes. I also reinstalled Enfold (deleted all files and reinstalled the Enfold theme) and the three WordPress core widget php files. The issue remains after these efforts.
Again, you are authorized to deactivate plugins and themes to continue troubleshooting. It’s important to resolve this issue and enable administrative access to the widget areas and widgets to deliver on customer ad orders.
I greatly appreciate your continued support. Let me know if you need anything else from us.
All the Best,
Nathan
Hey ronduring,
Thank you for the inquiry.
It’s not possible to override shortcode files directly in the child theme. To do this, you will need to register an additional shortcode path in the child theme and place the shortcode files or folders there. Please check the link below for more info.
— https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
Best regards,
Ismael
I recently installed the Advanced Post Types Order plugin to sort blog posts within a single category, but I’m not seeing these changes reflected on the frontend of my site. I’ve already tried a couple alternative plugins with the same functionality, which makes me think there might be something in Enfold that’s preventing this from working. Do you have any insights that might help resolve this?
Thank you!
I’m using a custom image for a map marker and I need smaller sizes for the icon that are offered. I was able to to do this with other support articles and edited the google_maps.php in the main theme folder located here:
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/google_maps/
That was successful. I have a child theme, so I wanted to do put this within the child theme, but I can’t get it to work. I took a copy of the full file, edited what I needed and uploaded it to the Enfold child theme in this location:
/wp-content/themes/enfold-child/config-templatebuilder/avia-shortcodes/google_maps/
Is this the correct thing to do for this? How do I get it to work in the Enfold Child theme.
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 carlosa98,
We would not recommend importing a new demo on your site, as it will overwrite your current settings. It is best to create a second test site on your webhost or a localhost install, and then use the Avia Layout Builder Debugger to copy the page code to your live site and delete the elements that you don’t want.
Note that copying the page this way will not also copy the images, but you can always add your own images later.
Best regards,
Mike
Hi,
Glad Ismael could 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