I’ve now confirmed this on every Enfold website I support. All have the latest version of Enfold and WordPress, and updated versions of all plug-ins.
Any Enfold button with a manual Javascript link continues to work, but the Advanced Editor “hangs” with a continuous “busy” indicator – and we never see the objects in the editor. The only way to change the page is using the standard editor window or the debug source Window.
Roger
Hi,
Enfold already has Social Share Buttons included. If you wish, you can use JetPack’s feature or try a plugin such as this one.
Also, please feel free to request such feature (social share buttons on featured images) here – https://kriesi.at/support/enfold-feature-requests/
Best regards,
Yigit
Hi,
That is a clean way as well but if you would like to adjust padding on that certain button, please add following code to Quick CSS
#your-custom-id .avia-button.avia-size-large { padding-top: 3px; padding-bottom: 2px; }
and then edit your color section element and give it a custom id (“your-custom-id” in example) – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
Best regards,
Yigit
Hiya
I’ve been trying to find a solution to this problem for a couple of hours with no luck.
On your demo with variable products when no variable option is selected the add to cart button is hidden. However on the shop i’ve built it is always visible, regardless of options or not.
If you’ve come across this before please let me know
Thanks
Richard
Hi DickZirkzee,
Please try the following in Quick CSS under Enfold–>General Styling:
.avia-multi-slideshow-button.avia-slideshow-button-2 {
margin-left: 0px !important;
}
Regards,
Rikard
Hi,
I tested your code in both Enfold and default WordPress theme and in both cases the subscribe button looks like an input field. There is some issue in the code itself please re-generate your code and use a codeblock element in advance layout builder to install it on the page and place of your choice :)
Best regards,
Vinnie
When we increase the quantity with the arrow next to our quantity box, the price does not update.
I thought it was a problem with the WooCommerce TM Extra Products Plugin. Their support said it’s an Enfold issue as Enfold is adding the Quantity Arrows to the WooCommerce Functionality.
They provided this JS to fix the problem.
(function($) {
"use strict";
$(document).ready(function(){
$(".quantity .minus,.quantity .plus").on("click",function(){
$(this).closest(".quantity").find(".input-text").trigger("change");
});
});
})(jQuery);
I created a new JS file and loaded it into my Child Theme’s root folder. I have been unsuccessful in calling the file from my functions.php. I have read through the forums and also read through https://kriesi.at/support/topic/custom-js/.
If you would, please tell me the code I need to add to the funcitons.php to make this work.
Thanks,
Micah
Hi,
We have created a test page for you and added the below CSS in Quick CSS
/* Custom mailchimp form*/
.avia_ajax_form p {
width:auto!important;
}
.avia_ajax_form .first_form {
clear: none!important;
}
.modified_width .button {
margin-top: 32px;
}
The default Enfold form should look similar to the screenshot

Let us know if this is what you are trying to achieve if not please post us a screenshot.
Best regards,
Vinnie
I have the following code in a button put into a text-element. Showing the generated code in the debugger window:
[av_textblock size='' font_color='' color='']
[av_button label='Additional 10% Off Today' link='manually,Javascript: alert("Message Here");' link_target='' size='large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
[/av_textblock]
With the Javascript in the link, it always worked prior to 4.5 without a problem, and I use JavaScript throughout the site like this. It still works – the live page and Javascript operate, but the advanced editor now hangs with the “forever busy” icon”, and the elements are never shown, thus I can’t edit them without using the debugger window.
I have taken all the remedial options suggested for 4.5 and nothing helps Enfold is at the latest version.
I am a bit desperate to be able to change the page – on several sites.
Hello
I’ve a page for each activity: badminton, tennis, karate, judo … with the same layout, only a few texts change.
I use the template builder buttons on a page, to easily duplicate my content on other pages.

So in “Badminton”, I “save” template of the layout, and I “load” it in the other pages.
And when I perform a search with word “badminton”, all pages that used the template designed in “badminton” are listed. While “badminton” word is not used in these pages !
If I don’t “load” the template, and build manually the page, no search error.
It’s a big problem.
Any idea ?
Hello,
I can not believe I have to ask this here, but how can I update functions.php? Due to the trouble with the enfold update animations and google maps does not work anymore and now I need to change the functions.php, but everytime I press the “Update File”-Button it only downloads, but does not update the file.
For other files it works.
Thank you!
Gerke
Hi,
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia_ajax_form .button {
background: transparent!important;
color: black!important;
border: 1px solid black!important;
}
Best regards,
Yigit
Hi,
Add another full width sub menu then set the Mobile Menu Display settings to display a button. Toggle the display property of the elements by using css media queries: http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
Ismael
Thank you for your attempt as fixing my issue Josue. Unfortunately it may have looked right on “browser mobile editor” but reality was not the case. The input and button were not side by side.
I think I failed to explain the problem properly so I will try again.
As I tried to explain before we want to use the ENFOLD Mailchimp Newsletter Sign Up Widget:
I had added the regular form to show you how we wanted it to look. Perhaps that was my mistake. I have rectified that and added my CSS to the Quick CSS.
Here are the problems I am running into in browser:
- When you squish the browser the button and text box go under the overflow and the text box overlaps on the words.
- We would like it to slip to the next line instead.
Obviously I know some of it is because I used positioning to force it to sit right. We want it to be one one line for browser but responsive enough that as you squish the browser it moves to the next line instead of disappearing in the overflow.
Below is my CSS:
/*Mailchimp Widget horizontal*/
.flex_column .widget .widgettitle, .content .widget .widgettitle {
margin-top: 1.5em;
width: 55%;
font-size:1.8vh;
float: left;
clear: none;
}
#avia_mailchimp_widget-2 h3.widgettitle {
position: relative;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0;
font-size:1.8vh;
top: 12px;
}
#top .av-mailchimp-widget p {
margin: 2px;
min-width:125px;
float: left;
width: 25%;
clear: none;
}
#top .av-mailchimp-widget .button {
position: relative;
left: 20px;
margin-top: 0;
min-width: 125px;
width: 25%;
padding: 14px;
float: right;
clear: none;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
margin: 0;
position: relative;
float: left;
left: 35%;
bottom:14px;
}
@media screen and (min-width:320px) and (max-device-width: 480px) {
.flex_column .widget .widgettitle, .content .widget .widgettitle {
margin-top: 0.85em;
width: 100%;
font-size:100%;
float: left;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
margin: 0;
position: relative;
float: left;
left: 0;
bottom: 0;
overflow-x: inherit !important
}
#top form {
margin-bottom: 20px;
}
#top .av-mailchimp-widget p {
margin: 2px 0;
}
#top .av-mailchimp-widget .button {
position: relative;
margin-top: 5px;
width: 75%;
bottom: 4px;
overflow-x: inherit !important
}
}
/* Landscape */
@media screen and (max-device-width: 640px) and (orientation: landscape){
.flex_column .widget .widgettitle, .content .widget .widgettitle {
margin-top: 0.85em;
font-size: 2.0vm; /* IE9 */
font-size: 2.0vmin;
line-height: 20px;
width: 60%;
float: left;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
margin: 0;
position: relative;
float: left;
left: 0;
bottom: 0;
}
#top form {
margin-bottom: 20px;
}
#top .av-mailchimp-widget p {
margin: 2px 0;
}
#top .av-mailchimp-widget .button {
position: relative;
margin-top: 5px;
width: 75%;
bottom: 4px;
}
}
/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
.flex_column .widget .widgettitle, .content .widget .widgettitle {
margin-top: 0.85em;
width: 60%;
float: left;
}
#top .av-mailchimp-widget fieldset, #top .av-mailchimp-widget form {
margin: 0;
position: relative;
float: left;
left: 0;
bottom: 0;
}
#top form {
margin-bottom: 20px;
}
#top .av-mailchimp-widget p {
margin: 2px 0;
}
#top .av-mailchimp-widget .button {
position: relative;
margin-top: 5px;
width: 75%;
bottom: 4px;
}
}
/* Mailchimp Success */
.avia-form-success {
text-align: center;
border-style: solid;
border-width: 1px;
padding: 0px 0px;
line-height: 1.4em;
border-radius: 2px;
float:left;
}
Hello, I hope you can solve my problem.
Until yesterday, my page works fine, but I realize that i did not have the latest version of WordPress. So I decided to update my WordPress to version 4.5.1. After doing that, my CSS elements (Easy Slider, images, element partner/logo, etc) don’t appear anymore. So then, I update the Enfold version to 3.5.4 by FTP. Now, the “Enfold” button in my wp dashboard doesn’t appear and my page doesn’t work. What could be wrong?
I will give you my website and wp-admin data
Thanks and sory for my english.
Hey Guys,
I try to embed the Mailchimp Sign up form with the html-Code from Mailchimp.
When I add this to a blank page or post, the Subscribe Button is missing. When I change the Theme, is there.
I have the newest version of Enfold, WordPress and Plugins.
The Code is:
<!– Begin MailChimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-10_7.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id=”mc_embed_signup”>
<form action=”//wordpress1x1.us6.list-manage.com/subscribe/post?u=f9d956b15bca1c8c08dc8452f&id=63f9b2c686″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<div id=”mc_embed_signup_scroll”>
<h2>Subscribe to our mailing list</h2>
<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>E-Mail-Adresse <span class=”asterisk”>*</span>
</label>
<input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div class=”mc-field-group”>
<label for=”mce-FNAME”>Vorname </label>
<input type=”text” value=”” name=”FNAME” class=”” id=”mce-FNAME”>
</div>
<div id=”mce-responses” class=”clear”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;” aria-hidden=”true”><input type=”text” name=”b_f9d956b15bca1c8c08dc8452f_63f9b2c686″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</div>
</form>
</div>
<script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’; /*
* Translated default messages for the $ validation plugin.
* Locale: DE
*/
$.extend($.validator.messages, {
required: “Dieses Feld ist ein Pflichtfeld.”,
maxlength: $.validator.format(“Geben Sie bitte maximal {0} Zeichen ein.”),
minlength: $.validator.format(“Geben Sie bitte mindestens {0} Zeichen ein.”),
rangelength: $.validator.format(“Geben Sie bitte mindestens {0} und maximal {1} Zeichen ein.”),
email: “Geben Sie bitte eine gültige E-Mail Adresse ein.”,
url: “Geben Sie bitte eine gültige URL ein.”,
date: “Bitte geben Sie ein gültiges Datum ein.”,
number: “Geben Sie bitte eine Nummer ein.”,
digits: “Geben Sie bitte nur Ziffern ein.”,
equalTo: “Bitte denselben Wert wiederholen.”,
range: $.validator.format(“Geben Sie bitten einen Wert zwischen {0} und {1}.”),
max: $.validator.format(“Geben Sie bitte einen Wert kleiner oder gleich {0} ein.”),
min: $.validator.format(“Geben Sie bitte einen Wert größer oder gleich {0} ein.”),
creditcard: “Geben Sie bitte ein gültige Kreditkarten-Nummer ein.”
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!–End mc_embed_signup–>
Thank you for your help!
Maja
Hi Pedro!
Please go to Appearance > Menus and edit your menu item and choose to display bordered button style – http://i.imgur.com/4XUoXtJ.png
then edit your page and choose to display transparent header – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/
Regards,
Yigit
Hi,
Thank you for using Enfold.
1.) Looks like you managed to remove the social icons.
2 ) The video on https://www.enomis.london/services/ when on mobile it doesn’t play on auto which I know won’t for mobiles but the youtube button isn’t clickable.
Autoplay are disabled on mobile devices by default. We also disabled video backgrounds on mobile for various reasons. You need to add a fall back image.
2 ) I like using the font Josefin Sans however can’t get for the body… I still want to keep the menu bar standard text as shown.
Add this in the functions.php file to register the font for the body content font dropdown:
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts) {
$fonts['Josefin Sans'] = 'Josefin Sans:400,700,400italic,700italic';
return $fonts;
}
3 ) https://www.enomis.london/social/ click on blogging https://www.enomis.london/blogging/ how do I change layout to grid format or masonry like the link social page?
Go to the Blog Layout and set the Blog Layout to Grid. Or set it to use the advancel layout builder then edit the blog page. Insert the blog post element then configure the options.
4 ) Breadcrumbs I can’t seem to get it on the About page? https://www.enomis.london/about/ UNDER CONSTRUCTION
Breadcrumbs are disabled for transparent headers.
Best regards,
Ismael
Hi there,
i have got the same problem. Nothing happens while clicking the upload button.
I just tried to deactive all plugins but nothing happens.
But i think there is also a problem with the layout of the enfold-theme-options. I can only see a long list, no panels.
You have any ideas how to solve it?
Thanks Nina
HI I a reopening the case #620361 .
As you said earlier :
If you use the advance layout builder to build the product, you have to add the price via text or code block. Unfortunately, there is no default element just for the product price.
But I see on this demo page http://kriesi.at/themes/enfold-shop/product/red-velvet/ the price is shown inside the “purchase button” widget. How can I do the same?
Thank you.
Hey anyone_officechanges!
Please turn on custom CSS field for ALB elements- http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your buttons and give them a custom class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { min-height: 150px; }
if that does not help, please post the link to your page.
Regards,
Yigit
Hi,
1- Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ if you have not already. Then you can use the code as following
.your-custom-class fieldset h3 {
margin-bottom: 30px;
text-transform: uppercase;
}
.your-custom-class .avia_ajax_form .button {
color: red!important;
background: orange!important;
border-color: blue!important;
}
2- Please elaborate on the changes you would like to make and post the link to your website. You can use following code to make those changes
p.toggler {
color: orange!important;
background: green!important;
}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#header .textwidget {
background: transparent!important;
}
#header .button-icon-divider-left {
border: 1px solid #e2e2e2;
padding: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#header .button-text-left {
padding: 5px;
border: 1px solid #e2e2e2;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: none;
}
#header .textwidget a {
position: fixed;
}
Cheers!
Yigit
Hey!
1.
To re-size fonts only and not images please use a plugin like
https://wordpress.org/plugins/wp-font-resizer/screenshots/
https://wordpress.org/plugins/zoom-widget/
https://wordpress.org/plugins/font-resizer/
2.
To re-size logo please use the below CSS
.responsive .logo img {
margin: 0;
max-width: 160px;
}
3.
To make the mu look like the example link
Change menu position in Enfold > Header > Header Layout > Menu and Logo Position > Logo Left, Menu Below
Then add the following CSS in Quick CSS
#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text {
background-color:#000;
}
#top #wrap_all .header_color .current_page_item > a:hover .avia-menu-text {
background-color:#000;
}
4.
In page layout options please remove breadcrumbs.
5.
The reason you lose custom modification is because the theme files get over written and the solution for this is to use a child theme and add your modifications. please check http://kriesi.at/documentation/enfold/using-a-child-theme/
Request you to kindly open new tickets for new issues if they are not related so we can keep the focus on main topic and avoid confusion.
Regards,
Vinay
Hi psennhauser!
If your CSS is delivered using CDN like cloud flair check it in development mode.
It might also be due to To do browser cache. Please do a hard refresh… First press Ctrl + F5 to open the Chrome Dev Tools then hold down Ctrl and click on the Reload button.

If the above don’t sort out things for you it is possible that a plugin is in conflict with the theme.
To find the plugin in conflict please follow the below steps
1. Goto plugins page > Deactivate all active Plugins
2. Updated WordPress and Enfold to latest version if you have not.
3. Activate one plugin at a time… refresh the page and check for the issue.
4. Make sure the plugins are all updated
Regards,
Vinay
Thanks very much Yigit.
1. The problem now is that when I try to zoom text using tablet also the logo is zoomed which looks very bad.
2. Also logo itself is not sharp although I use very detailed large enough picture? Logo is also a bit too big and I would like to reduce its size by about 30% in PC, mobile and tablet please?
3. What should I do to have highliighted opened manu button? I want it to look like this:
http://www.drfuhrman.com/disease/default.aspx
4. I would like also to get rid or narrow the green srap below main menu with “you are here…” and the name of menu:
In my opinion it’s just a wsting of space. If I could have highlighted menu I don’t need the this note. How can I remove it?
5. Whenever I update enfold why the modifications in editor disappear? I have to do it again and again which is iritating. Is there any solution to this?
Regards
-
This reply was modified 10 years ago by
samgrom.
We want to edit our hole site, like the enfold demo “construciton”.
On the FrontPage, there is a full width slider with some Pictures.
There is a Option named “caption”, where you can insert a text, button etc.
It s easy to understand.
My question is: Why is the text not responsive ? I mean, when i test it on
a iphone 5 for example, the Picture adapt to the Screen but the text and the Buttons stays big.
Is there a Chance to make it responsive to like with the Layerslider?
Hi. Wir sind gerade dabei unsere Seite etwas umzugestalten. Ähnlich wie eure Demo “Construction”.
Auf der Hauptseite ist ein Slider vorhanden mit Texten und Buttons. Am normalen Monitor sieht es super aus.
Sobald man aber z. B. mit einem Iphone 5 es betrachtet, passt sich lediglich der Slider an. Der Text und der Button bleibt groß und teilweise nicht sichtbar. Kann man das wie beim Layerslider auch automatisch anpassen lassen?
Viele Grüße
How ?can I add the Enfold social share buttons exactly the same as in posts for Woocommerce product pages
Thanks.
Derek
Das ist was kriesi selbst dazu sagte und wir haben den Umbau auf Enfold nur deswegen vollzogen:
” the Customization wouldn’t be too hard I guess, since all you need to do is to inject a html button into the header which can be done via one of the WordPress Hooks in file includes/herlper-main-menu.php. All you need to do then is to style the button to your likings and position it properly. This is something we can definitley help with once we know which header and layout setting you are going for ”
Es wäre schade wnn ich jetzt meinen Boss mitteilen müsste das wir wieder zu Avada wechseln und doch nicht alle 16 unserer Websites von Avada auf Enfold umbauen können.
http://themeforest.net/comments/12988930
Es ist doch offensichtlich was wir wollen.
Einen Button der rechts neben dem Menu ausgegeben wird und nach oben und unten einen Abstand hat.
Das sollte dann jetzt doch alle Unklarheiten beseitigen:
https://drive.google.com/open?id=0BzF3a9LXV99JYWtpRnhidVlnOGs
Hey!
die Buttonfarbe generell im Theme kannst du unter Enfold->General Styling->”Main Content”
verändern.
Du kannst diesen Code verwenden um die Buttons zu verändern:
.button {
color: blue !important;
}
Gruß,
Andy