Hey Taryn,
Please try the following in Quick CSS under Enfold->General Styling:
#footer .avia-button {
border-color:#fff !important;
}
Best regards,
Rikard
Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
.avia-button, .avia-button * {
font-family: 'system-ui' !important;
font-size: 18px !important;
}
Best regards,
Rikard
Hello
I have the same problem like @elvirais. Enfold translation works automatically. But if I use Polylang to translate the website in another language, the Read More Button does not change. There is no string entry in Polylang for this button…
Is this a plugin error? Something new on translating the Read More Button using Polylang?
Thanks for an reply and best regards
Hi,
Sorry for the late reply, I did not figure out why this is not working, I’m sure the css is correct with the proper “-moz-” prefixes, so I tried changing it to jQuery and now it works in Chrome and Firefox.
To test this, please add a code block element to your page and place this code inside:
<script>
(function($){
$(document).ready(function () {
$('.btn2 a.avia-button').css({
'color': 'rgba(255,255,255,0.9)',
'border-radius': '50px',
'background': 'linear-gradient(-45deg, #FFA63D, #FF3D77, #338AFF, #3CF0C5)',
'border-color': 'transparent',
'background-size': '600%',
'animation': 'anime 16s linear infinite'
})
});
})(jQuery);
</script>
<style>
@keyframes anime {
0% {
background-position: 0% 50%;}
50% {
background-position: 100% 50%;}
100% {
background-position: 0% 50%;}
}
</style>
We could make this code global, but first, test it on one page to see if it’s also working for you.
If you would like to test this on a new page, please Enable Avia Layout Builder Debugger which will add a new text field below the Advanced Layout Builder, and then add the page shortcode in the link below, then save the page.
https://www.dropbox.com/s/641pwwo7eukd5ts/gradient_button_shortcode.txt?dl=0
Best regards,
Mike
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”.

Best regards,
Vinay
just one moment – i did’t saw the test link in your starting thread.
To have a responsive Color-Section – you have to have a responsive Content ! – otherwise it will go out of the container.
Your bg-image is 1600/768 so an aspect ration of 48%
so you have to set your background-image to “contain” the image – but the height of the color-section should be 48% of width:
in responsive Case the 3/5th container should stay in this width or should be adjusted to your needs – enfold goes to have the containers under each other at a responsive width so to speek on 100% width:
see here the test page: https://webers-testseite.de/responsive-color-section/
.page-id-35548 #av_section_1 {
width: 100vw;
height: 48vw !important;
}
.page-id-35548 .flex_column.av_three_fifth {
width: 58vw !important;
}
.page-id-35548 .flex_column.av_three_fifth .av-special-heading h1 {
font-size: 4vw !important;
line-height: 6vw !important;
}
.page-id-35548 .flex_column.av_three_fifth .av-special-heading .av-subheading {
font-size: 3vw !important;
line-height: 4vw !important;
}
.page-id-35548 .avia-button .avia_iconbox_title {
font-size: 2.5vw !important;
}
.page-id-35548 .flex_column.av_three_fifth .av-special-heading h1 {
font-size: 3.2vw !important;
line-height: 5vw !important;
}
.page-id-35548 .flex_column.av_three_fifth .av-special-heading .av-subheading {
font-size: 2vw !important;
}
Hello Mike
Thank you for your feedback – very much appreciated!
I’ve updated the php.ini file as per your suggestions
* I’ve activated Enfold – your beta version I think
* Reactivated Yoast SEO
and so far it hasn’t crashed. I haven’t done anything else yet.
For anyone else who is having similar problems and has cPanel, apparently there is a MultiPHP INI Editor – so my hosting company advised me:
* Click the MultiPHP INI Editor link, under the Software group
* In the Select a location dropdown, select which domain these settings should apply to
* Edit the settings as required
* Scroll down to the bottom of the page and click the Apply button
I will report back to hopefully confirm that all is resolved when I’ve actually updated Yoast ettings etc and added some content.
Thank you again.
Regards, Sharon
Hi Enfold
My site on tablet isn’t rendering the burger menu in the right place it seems off center in the middle and hard to see
Finally when the menu flys out the X button to close the burger menu isn’t showing
Any ideas why and what css would fix it ?
is ti your page: virksomhed – you found a solution though?
Why are you using a different slider? the fullwidth easy slider of enfold got all you need
a Caption with subheading and the possibility to have one or two buttons. This will react responsive too !
https://webers-testseite.de/lexoforms/
and you can have overlay color aswell.
How can I edit header section? I want to use logo at left, one ads at middle, and menu and search button at right. How can I do this in Enfold theme?
I am not sure if this is connected to updating our Enfold theme but recently the breakpoints for Layout Elements aren’t working. When the custom post type single page is viewed on the phone all of the blocks are just shrunk down rather than changed to 100% width.
I was able to find a thread I thought would relate but the answers in the thread got lost in other questions and comments.
Any help you can give would be great!
Thank you!
Hi, I purchased Enfold yesterday and when I try to update the changes I make to a page it doesn’t do it. It says page updated but keeps the “updating button” running and the webpage doesn’t update. How can I fix this? Even on a demo import, it does not update.
Hi there,
The submit button on my contact form isn’t working even though I think it looks like its set up correctly. I can’t seem to find a solution on recent threads but apologies if this has already been asked and answered.
Thanks in advance!
Hi.
I use ConvertKit as a mailing list service. I can create a pop-up modal form on there.
What I’d like, is for an Enfold button, to trigger that code, not just work as a link. Is this possible?
The code that ConvertKit says to use is:
Your link text
I can see how they use that to make text trigger the pop up. But their help pages say it can be used with buttons.
https://intercom.help/convertkit/en/articles/2605079-trigger-a-modal-with-a-link-click
If I add the code to the button (using Set Manually), it creates the link http://www.victoria-ward.com/Your link text
Which, obvs, doesn’t exist.
So, basic question, is there a way to make the button act in this way?
Thanks
V x
SMALL UPDATE
Am I the only one who hates how the edit link on the front-end opens the backend in the same window? Or you have to Ctrl-click to open in a new tab? All when you just needed to make a quick update to something? Then you end up with all these open tabs….yada yada yada…
So I updated the Edit Button element to have the option between the current method of redirecting you to the back-end….OR….you can now have the back-end edit screen open in a popup modal window right on top of the front-end page you’re editing! This will allow you to quickly make an update, save, close the modal and hit refresh without having to wait for a redirect or switching between tabs.
If you purchased the addon in the past, please consider showing your appreciation for the new additions and further development by making a donation via one of the methods below. All proceeds, minus a coffee or two, will be donated. Please don’t forget to buy the addon for each client you use the addons with, just as you would with Enfold itself. Thank you!!!



Hi there!
I’m getting a Failed to initialize plugin: avia_builder_button error. I deactivated all plugins, that did not help.
Because of this error, I CANNOT EDIT pages. Clicking the small pencil icon in a given block results in no action.
I am running Enfold 4.5.7, WordPress 5.2.2, and the following plugins:
Akismet Anti-Spam
Duplicate Page
Gravity Forms
Jetpack by WordPress.com
Sign-up Sheets Pro
WooCommerce
WooCommerce Blocks
Hello Enfold Support,
I looked for a solution and attempted to find the answer on my own, exploring files, and didn’t find the solution.
This is regarding a friend’s band site: http://thievesofreason.com/.
In the footer I have a script to place a button link to his Patron page:
<a href="https://www.patreon.com/bePatron?u=22993390" data-patreon-widget-type="become-patron-button">Become a Patron!</a><script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
I’d like to also place this between his logo and the nav menu. I have a Child Theme loaded.
Can you help me accomplish this?
Sincerely,
Greg
Hi there, you can also respond in german.
We are creating our website http://www.childrenoflumera.com with the Enfold theme,
first of all, its very great!
But for the Blog functions we have some problems:
1. In the “Blog” Page i inserted the Layout Element 1/1 and added the “Blog Post” element. Inside the “Blog Post” there is a option for setting the post number. (display per page) But that doesn´t work. Even if i set the number very high, the blog section is showing just a few of them with the option to switch to page 2. I want as many of them in one page.
2. Post navigation is very subtle (a very bright grey) and is not seen very well. is there a custom css how to change the colour to a darker grey?
also… the arrows are on the very right and left border of the screen (also left and right to the picture we are showing) is there a option to put them somehow to another position?
3. Post navigation is not showing on mobile, tablets…. i think this is the biggest problem, because in mobile there is no option to switch between posts. there is even no button to go back to the blog overview page… so you would be stuck in the blogpost
4. We are working with the translation plugin WPML. That is translating everythint from english to german (should do it just with the text)
But it seems that for the Blogsection it removes the blog navigation arrows if we switch the site-language to german.
5. When i am writing a blogpost and i am changing some words colour its shown correctly in the post, but not in the blog overview page. (excerp with read more link) there is all text black. (achieved with the “read more tag”)
quite a lot questions :)
i would be really glad if someone could give me a helping hand,
thank you,
daniel
Hey csrey,
Thank you for using Enfold.
You can show the button but the label will be shown as “Authenticating…” instead of “Submit”. You can install the beta version of the theme, which contains the improved version of the spam protection. You will then be able to configure more options. (see private field)
Best regards,
Ismael
Hi,
Thank you for sharing the details.
I could not find the menu items you specified or you have changed the styles so I’m not able to relate to what you are trying to say.
If you want to style the subnav menu items in a specific way please check the documentation
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,
Thank you for sharing the details.
I’m assuming cpt = capitals?
Also did not mention which title you want to change so I’m assuming that to be the blog title?
Please remove your code and 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 - */
body.single .post-title a {
text-transform: uppercase;
}
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,
Thank you for sharing the details.
Please follow the instructions provided in the documentation
You may need to adjust the media query to get 4 columns on tablet :)
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”.

Let us know if you have any questions.
Best regards,
Vinay
Hi,
Step 2 is so you will have a backup of the theme settings “just in case”
so in step 3 please import your parent theme settings from: Enfold Theme Options > Import/Export > Import Settings from your Parent Theme you won’t see this button until the child theme is activated.
Please don’t do step 4, there is no renaming the child theme in these steps.
In step 5, you may need to select the correct menu to show, not always, but only if the correct menu is not showing.
Step 6 is only if your css is not showing correctly.
Please review this documentation about the child theme.
Best regards,
Mike
Hey fswagerman,
Please provide a link to the site/page in question so we can look into this issue further. For menu, go to Enfold > Advanced Styling > choose Main Menu Links in the dropdown menu then click on the Edit Element button, then modify the font as you see fit. Hope this helps :)
Best regards,
Jordan Shannon
Hi,
I’m just getting back to this and would like you to just confirm the steps I need to take.
1. I have Enfold and the Enfold Child theme loaded on my WordPress site. Currently, the Enfold theme is active (I have been using this for a year.)
2. I now need to export my theme settings at: Enfold Theme Options > Import/Export > Export Theme Settings File to my computer
3. Activare the Enfold Child theme and import my settings from Step 2. (Enfold Theme Options > Import/Export > Import Settings from your Parent Theme)
4. Name this new theme “MyEnfoldChildTheme” (or whatever).
5. Reset my menu options (what do you mean by this)?
6. From your previous email “Finally, sometimes it is necessary to save your theme options one more time, to encourage the settings to be saved and activated in the merged /wp-content/uploads/dynamic_avia/ folder, a simple way to do this is to go to General Styling > Quick CSS field and place a space in the field so the theme options “Save all changes” button is clickable. ”
So with these steps, I should now have an Enfold Child Theme based on my customizations, right? Is there anything else I should do?
Thanks,
Robert
Hi,
In that case you would add the following to functions.php:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['icon_name'] = array( 'font' =>'fontello', 'icon' => 'ue800');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Icon Label'] = 'icon_name';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
Changed “fontello” and the icon id to the one you would want to use respectively.
More info found here:
Best regards,
Jordan Shannon
Hi Tommy,
Modifying the skin of the player only works if the video is local but doesn’t work on vimeo or youtube since it’s using an iframe.
As for enlarging the video via lightbox, would this do: https://kriesi.at/themes/enfold-startup/ (click on the play button).
And as for the playback settings, we apologize but video settings doesn’t provide those features yet.
Best regards,
Nikko
Hello to everyone!
I am writing to this thread as I think my problem is the same as the one described in the title!
I have a few anchor links in a submenu in a page, and when you visit the page with the anchor link embedded in the URL you have been directed to the wrong height of the page. But when you click on the anchor link (in our case one of the submenu items) while you are on the page the scrolling works just fine!
Here is an example: https://www.lloyd.nl/eat-drink/#menus
In order to understand which should be the correct scrolling height, you need to click on the anchor link “menus” on the submenu which is located right below from the first section (next to “book your table” button) again after the page loads for the first time.
I don’t have the same issue in other Enfold websites.
See for example here: https://www.hoteldukespalace.com/culinary
Could you please help me solve the mystery?
Thank you.
Hi Daniel,
You can start a new thread by clicking the big blue button on top of the Enfold subforum.
I see that you are running an old version of the theme, could you try to update to the latest version (4.5.7) to see if that helps please? The update to 4.5.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
After you have updated then try to activate the Classic Editor in the main page of the theme options.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
Hey Dee,
Please try the following in Quick CSS under Enfold->General Styling:
.home .slideshow_align_caption .avia-multi-slideshow-button:hover {
background:blue;
}
.home .slideshow_align_caption .avia-slideshow-button-2:hover {
background:green;
}
Best regards,
Rikard