Hey transformmedia,
To create a button styled menu item please refer to the menu links section in the documentation.
Let us know if you have any questions :)
Best regards,
Vinay
Hi,
Thank you for sharing the credentials. The Quick CSS works fine. Please check the below screenshot. You can try it yourself by adding the below CSS to Quick CSS
#top h1.av-special-heading-tag {
color: red !important;
}
If you add incorrect CSS it will not work and also make sure to clear the cache after adding the CSS.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

If you still have an issue with the slider buttons please share the precise link where we can inspect the element.
Best regards,
Vinay
I have reverted to Twenty Seventeen on my staging site, and the plugin performs without issue. When I am using Enfold, two registration buttons appear on the page since a recent update.
Hey Chrisoam33,
It may be possible, but it would require quite some time and customization of the theme to achieve this, and it’s out of our support.
We can help you get started…
Follow the steps provided in the below link “Toggle a section when a button is clicked”.
Instead of buttons try to add the class name for the full-width submenu items.
You can also create a new menu from Dashboard > Appearance > Menu and add a custom class name for each menu.
Once you reach a certain point we can try to help you only if it is not going to require heavy customization. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Vinay
Hey WolfgangEmmer,
Thank you for using Enfold.
That is a link to the demo overview page. Please provide the actual url of the demo page.
Select a demo, navigate to the page with the icons and click on the “Remove Frame” button at the top right corner of the browser.
Best regards,
Ismael
To Whom This May Concern,
I currently manage my partner’s website for his business in WordPress. I recently learned of the Enfold theme version update. I’m currently using Version 3.8.5.
To update the theme, I logged into the wp-admin panel on his site, selected the Enfold tab in the left-hand sidebar, and then went to the Theme Update tab in the secondary left-hand theme sidebar menu. The instructions state: “Update your Theme from the WordPress Dashboard. If you want to get update notifications for your themes and if you want to be able to update your theme from your WordPress backend you need to enter your Themeforest account name as well as your Themeforest Secret API Key below:”
I entered my Themeforest username and my API Key and clicked the “Save all changes” button. The page then refreshed and prompted me: “Update Available! A new Version (4.5.2) of your Theme is available! You are using Version 3.8.5. Do you want to update?”
I clicked the blue “Update Now!” button. When I did so, the page refreshed and redirected to wp-admin/update-core.php?action=do-theme-upgrade. However, the message on that page read as follows:
———–
The update process is starting. This process may take a while on some hosts, so please be patient.
Enabling Maintenance mode…
Updating Theme Enfold (1/1)
Downloading update from …
An error occurred while updating Enfold: Download failed. Problem downloading theme
Disabling Maintenance mode…
All updates have been completed.
Go Back to Enfold Theme Panel
————
I tried it a couple more times to no avail. I then chatted with a support person at BlueHost (my hosting company) and the support person was unable to fix the issue and suggested that I reach out to you, the theme provider.
I appreciate any and all support.
Greetings,
I’m trying to track how many people click on a button using the Enfold theme and google analytics. I’ve tried following a few threads from other enfold users as well as trying the plugin WP Google Analytics Events but have unsuccessful gathering data on the google side of things. Seeing the interface for things is always changing it has proven difficult to find a solutoon to this. The button is located on the link in the private area.
Any insight to solving this would be wonderful,
Thanks
Hey guys, wondering how to get my Advanced Layout Slider to be responsive on a mobile devise. The slider is shrinking to fit for a mobile devise, but the text and buttons are not readable, too small. The slider just shrinks the text and buttons width wise to fit in the window, but nothing is readable. Is there a way to make the slider grow vertical so elements can be read? Just like all other elements of the Enfold template grow vertically to be read on mobile. Thanks!
Hello and happy new year ! 😀
Since three month, I’m tracking the contact form from avia with this solution :
However, I found that the tracking doesn’t match the number of mails we are receiving.
After some investigation, the problem was easy to find :
When you click on the submit button, the tracking is always firing because it’s an on click action.
Even if it miss an information or if you just click on the submit button and all the fields are empty : it fires the ga action.
How can we make the tracking working when the mail are sent ?
Example with Contact Form 7 : To make Contact Form 7 event tracking come true, at first, I tried listening to wpcf7submit event but what I ended up with was that this DOM event was being dispatched even if required form fields contained errors. As a result, I switched to wpcfmailsent event.
Thanks,
Hi freigeist,
It’s there, go to https://kriesi.at/documentation/enfold/button/#toggle-id-11-closed
Should be in Button fonts > On hover (toggle)
Hope this helps.
Best regards,
Nikko
Hi,
Thank you for writing back to us.
Did you apply the margin to the 3rd menu item?
We need the admin login details to check this issue closely.
After adjusting the CSS Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay
Hi,
Instead of an #ID please add a custom class name as mentioned here https://kriesi.at/documentation/enfold/button/#customization
And copy the CSS for the button background on hover.
Best regards,
Vinay
Hi,
I need different hover colors on different buttons on the same page. Is there a solution for this?
Couldn’t find a way to apply a custom class or ID to a specific button for adding a custom CSS for each.
Enfold is a great theme but it lacks on some basic functionality (but maybe its just me).
Thanks for your help :-)
Hey Stefano,
To add a custom button to the easy slider please check the below link
Best regards,
Vinay
Hey Perry,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .main_color .avia_cart_buttons .button {
color: red;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
It appears the cache is taking time to clear on your site.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Disable any DNS services like cloud flare or others if enabled.
4. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Once the cache is cleared the CSS changes will reflect immediately.
Best regards,
Vinay
Hi,
I run a multusite and recently updated to WP version 5.0.2. After I did the network upgrade and try to edit a page/post, i get the message:
There is an autosave of this post that is more recent than the version below
I did a lot of testing to see when this occurs and found that it occurs only on a network site when I have Enfold enabled and activated as a theme, and I update WP:
-It does not matter what version of enfold i use.
-It does not matter if AVL is enabled on the page or not.
-I get the message before and after I click the Upgrade Network button (which occurs after I update WP)
-I did check the Enfold debug code, but this code is the same before and after updating WP. When i click ‘View the autosave’ I find however some changes in av_uid= and in
<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
<!-- /wp:shortcode -->
Can anyone tell me what to do? Do I actually need to re-save all the pages on the network sites in order to get rid of this message? And what is it that gets changed then, if any?
Thanks
-
This topic was modified 7 years, 3 months ago by
wzshop.
this seems to be only a png file:
you can do it with pseudo content.
insert an image from alb elements and give it a custom class ( i took : animated-button )
then we create the before content:
.animated-button .avia_image::before {
content: "";
background-color: rgba(255,255,255,1);
border-radius: 50%;
width: 100%;
height: 100%;
display: block;
position: absolute;
animation: pulse 3s ease-in-out 0s infinite
}
to have not the overlay effect on enfold images and to see the scale effect :
.animated-button .image-overlay {
display: none !important;
}
.animated-button .avia_image {
overflow: visible !important;
}
now the animation keyframe for it:
@keyframes pulse {
0% {
transform: scale(1.05);
opacity: 1
}
50% {
transform: scale(1.25);
opacity: 0.3
}
100% {
transform: scale(1.05);
opacity: 1
}
}
see result : https://webers-testseite.de/accordion/
you can change it to your needs?
In my case it is a dark background image so – it is a white pulsating thing.
maybe this effect of enfold standard behavior of a standalone icon (right side of the example ) could be an alternative:
https://webers-testseite.de/button-link/
but this is only on hovering the “button” – you can have a link on the icon and an optional Caption.
The animation effect is called: sonarEffect
Hi;
Enfold is an amazing theme. I am also happy with your support.
I have a question about the description I add below the heading of product on “Shop overview page”. It always changes color when I hover, the color of heading highlight in the main content.
I try to add the css like:
div.inner_product main_color.wrapped_style.noLightbox.av-product-class-no_button a:hover {
color: #12a19c !important;
}
But nothing change. It so annoy.
How can let it like the color itself before?
Update to newest Enfold – the gridbox bug with firefox is fixed there
see here concerning topic: https://kriesi.at/support/topic/flip-box/
to your second link – i can’t find the page you are having that problem.
to have not that problem you can make a link with a button f.e. and a keyword and not the url.
or try to have a wordbreak definition for that long url
Hello,
I am currently working in a new Fullscreen Slider that consists in two sliders with the same two buttons.
I would like to modify the style of the buttons (exact color, background color, margin between both buttons and size of each button or padding).
I have read numerous topics in this forum and i tried using Quick CSS in the main but it is not working.
Can you please tell me where to put it and which CSS code do i have to use?
Best Regards!
Hi,
If your css is in the style.css of your child theme, then you should note that if you add css to the file your merged css from your Enfold Theme Options > Performance > JS & CSS file merging and compression will not rebuild until you save your theme options.
You can force it to rebuild by adding a blank space to your Quick CSS field and then save your theme options (the big blue button)
I recommend while you are building your site to disable all caching plugins & the css & js merging at: Enfold Theme Options > Performance > JS & CSS file merging and compression and to test your css in the Enfold Theme Options > General Styling > Quick CSS field.
Once your site is done then you can move your css to style.css and enable your caching.
If this doesn’t help, please include a admin login in the private content area so I can assist better, I will continue to explain the steps I take.
Best regards,
Mike
Hi..
I’ve seen that in last two versions of Enfold that when I open the Enfold Control Panel the Blue Button “Save All Changes” is On without touch nothing..
Is this behavior normal..?
Thanks
Hi,
I have the latest Enfold theme, latest toke/API key and the latest WordPress version but when I try to edit a certain post, I can click the “Advanced Layout Builder” button but it doesn’t do anything.
The button is just clickable but won’t do anything.
Hey patrickpriest81,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */
.entry-author-link a {
pointer-events: none;
}
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay
Hi,
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

If you still have an issue please post us your login credentials with full admin rights so we can take a closer look at the issue.
Best regards,
Vinay