I just updated WordPress and Enfold for my website and now I can’t use the Advanced Layout Builder, when I click on the button, it doesn’t pop up. Using the plugin Disable Gutenberg fixed the issue with the Advanced Layout Editor, but then I noticed that Text Block isn’t working properly either, I don’t have the option to switch between Visual and Editor, it only gives me the Editor view.
Hi,
first of all, this was my premier enfold experience, and this theme in combination with WP5 on PHP 7.2 was the most hastle-free, intuitive, quick responding, best documented WP project I have ever worked on. Multiple thumbs up.
To the meat: I want a form submission event pushed to datalayer when the contact form adds its “avia-form-success” heading element to the page, and not earlier, because the button click can occur multiple times without successful submission.
Basically this “dataLayer.push({‘event’: ‘contactReuquestSubmitted’});” on the ajax response. How could I wire it into the template?
Thanks and bw
P
Hey bemodesign,
Please follow the steps provided in the documentation and add your address in the widget area instead of the buttons as showin the example.
Please make sure you get the correct header settings as mentioned in the docs “Logo left, Menu right” for the code to work :)
Best regards,
Vinay
Hi Enfold team,
I’m working on customising the dark contact form and was able to adjust quite a bit thanks to your documentation.
As of now everything I added is working except for some or the ‘button’ adjustments.
1. I’m trying to get the border-width of the send button to be 3px – even though I added it it is not changing on my site, but it does work when hovering over the button.
2. I’m trying to change the button font-color to be #cf3662
3. I trying to change the button hover font-color to be white
4. Additionally I would like to change the font-size and color of the text I added to a check-box label and for the Captcha Text – but couldn’t find anything that was working
I’m posting what I have added to the Quick CSS styling area here. Please let me know if you need any further information. Thanks :)
#top div .av-dark-form input[type=’text’] {
border-color: #333333 !important;
background-color: transparent;
border-radius: 6px;
font-family: ‘montserrat-regular’
}
#top .avia_ajax_form .text_area {
border-color: #333333 !important;
background-color: transparent;
border-radius: 6px;
font-family: ‘montserrat-regular’;
}
.av-custom-form-color .button {
border-color: #cf3662 !important;
border-width: 3px !important;
font-color: #cf3662 !important;
background-color: transparent !important;
border-radius: 6px;
font-family: ‘montserrat-regular’;
font-size: 17px;
}
.av-custom-form-color .button:hover {
border-color: #cf3662 !important;
border-width: 3px !important;
font-transform: #ffffff !important;
background-color: #cf3662 !important;
border-radius: 6px;
font-family: ‘montserrat-regular’;
font-size: 17px;
}
#top .avia_ajax_form .error input[type=’text’],
#top .avia_ajax_form .error .text_area {
background: #ffffff!important;
}
Hey Roland,
Yes, it is possible. You can import the demo and add the add to cart buttons with the Advanced Layout Builder, the builder that Enfold uses.
If you need further assistance please let us know.
Best regards,
Victoria
Hey creatiffco,
Which grey board are you referring to? I cannot see it.
Could you please attach some screenshots of the issue?
As for the “RESERVE YOUR SEAT” button text size, 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 #reserve-my-seat .avia-button-fullwidth .avia_iconbox_title {
font-size: 24px;
}
If you need further assistance please let us know.
Best regards,
Victoria
I use the plugin Loco Translate to search and change the language, in my case to Swedish. It works fine!
Install and activate the plugin, then go to the plugin in backend and choose Themes and choose Enfold. Find your language and then first hit the Syncronize-button to get all the new translations. Then search for the text you would like to translate. Easy.
Where can I translate strings like these?
[av_privacy_google_webfonts]
Now the text next to the buttons is in English, should be in Dutch. Can’t find it in Enfold Settings > Privacy and cookies
It’s this text I need to translate: Click to enable/disable google webfonts.
Doesn’t seem to work with loco translator also.
Hello there, thanks for the info
ill leave it as it is for now, without the magnifying effect.
ill update enfold and WordPress maybe a little bit later, cause I didn’t use an enfold child theme
in order to ask you for another help, could I bring up a new issue here on the same dialog, or should I open a new thread?
I wanted to ask you how could I move the 2 call to action buttons ( about) and ( Dienstleistungen) further up and to the left in order to see them on my slideshow image first hand when I open the website, because, the 2 call for action buttons are hidden I have to scroll a little bit down to see them .
could you give me a quick css?
thanks in advance
regards
Bogdan
I wish would have thought about hiding the reset before!
I’m a wordpress developer and use Enfold quite often lately. Unfortunately my clients have been complaining about the “reset” button – have had to restore their sites multiple times before – and now I did it myself on a test site as well- weeks of design development gone in a second! Unfortunately the “reset” button is the most dominant button on the theme design area and my clients (and this time myself as well) are mistaking it for the “save” button. There’s no pop-up for “are you sure” and no option to restore previous settings… yet the button itself is something that definitely shouldn’t be on such a prominent position as it’s not something that designer would use often!
I really wish that future updates will place this button somewhere less prominent position and that it would have atleast one “are you sure” pop-up before deleting all settings! For now, have to add: .avia_footer_reset { display: none !important; } for all Enfold sites.
Hey BertBowen18,
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
.avia-button.avia-color-red:hover {
background-color: #239039;
border-color: #189590;
color: #fff;
}
If you need further assistance please let us know.
Best regards,
Victoria
Firstly I tired to add site & secret keys to Enfold Child Editor function.php. That didn’t show a button at end of the contact form.
Then I added loaded Enfold Recaptcha Plugin and added site & secret keys to Enfold Child Theme Options.
When I load my page – https://towermotors.net.au/contact-us/
and I get the message – ERROR for site owner: Invalid key type and no submit button
Need help ASAP!
Nicky Cane
Hi sk8tertez,
You can use the huge blue button on top of the Enfold sub-forum or this link.
Best regards,
Rikard
Hello!
I am missing my editor buttons when editing text blocks which are part of portfolio items and also the content is “white on white” when checking the text view. I tried to update to wordpress 5.0.3 to fix that and no luck. So I downgraded to 4.9.9 with no luck. I changed php from 7.2 to 5.6 and no luck. So I would really need your help to fix this.
Thank you in advance.
Hi,
I read on your guide that social share buttons are hidden by default. Meanwhile on my website, on blog posts, the social share buttons are visible at the end of the post.
I would like them to be only on the sidebar, so I’ve put them there using a text widget with these code [av_social_share style='minimal' buttons='custom' share_facebook='aviaTBshare_facebook' share_twitter='aviaTBshare_twitter' av_uid='av-670mc8' custom_class='' admin_preview_bg='rgb(241, 241, 241) none repeat scroll 0% 0%']
I also changed the style by pasting in style.css this code, from your guide
/*----------------------------------------
// CSS - Social Share style - 3
//--------------------------------------*/
/* Hide tool tip */
.av-social-sharing-box .avia-related-tooltip {
display: none !important;
}
/* Remove icon border */
#top .av-social-sharing-box .av-share-box ul li {
border-left-style: none;
display: inline-block;
vertical-align: middle!important;
margin: 0 10px 0 0;
}
/* Icon style */
#top .av-social-sharing-box .av-share-link a {
width: 30px!important;
height: 30px!important;
border-radius: 30px!important;
padding: 3px 0 !important;
}
/* Icon color */
.av-social-sharing-box .av-share-link a:before {
color:#1d1d1b;
transition: all .5s ease;
}
/* Icon color on hover */
.av-social-sharing-box .av-share-link a:hover:before {
color:#1d1d1b;
transition: all .35s ease;
}
/* Icon background color on hover */
#top .av-social-sharing-box .av-share-link a {
/*background: none!important; */
background: #f0f0f0;
}
#top .av-social-sharing-box .av-share-link a:hover:before {
color:#f4f7f9;
}
So, on the post pages, I see the social share buttons and they don’t use the style I set with the code above. Before posting I make sure that “show sharing buttons” isn’t selected in “sharing” tab, but still the buttons are there. Here an example, I’m fine with buttons on sidebar and their styling, but not with buttons at the end of the post. How can I remove them?
Otherwise, why they have different style from the one I set?
-
This topic was modified 7 years, 1 month ago by
Mike.
Hi,
i found this solution here: https://kriesi.at/support/topic/how-can-i-put-in-the-google-captcha-in-the-enfold-contact-form/#post-1034310
But it doesn’t work.
I made two Keys. One for V3 and the other for V2.
If i check the contactform it doesn’t show the submitbutton anymore.
https://www.haudenlukas.at/#kontakt
i temporally deleted the code inside my child-functions.php, but added the V2 / V3 keys inside the private-content field down below.
Hey Oldmanriding,
Please edit wp-contentthemesenfoldconfig-templatebuilderavia-shortcodes portfolio.php, find this code
$output .= "<a href='#' data-filter='all_sort' class='all_sort_button active_sort'>".__('All','avia_framework' )."</a>";
Best regards,
Jordan Shannon
Hi,
I don’t think you have the close button in your view, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike
Hi,
A custom recaptcha plugin was created by @ismael, please remove the other code and plugin and use this one instead
Then in the enfold theme options under “Google services” you will find the options:

You can get your site & secret keys here
Then the send button will be hidden by recaptcha:

Best regards,
Mike
Hi,
I can see that the margin you have applied is working but looks like it is not the correct values you have entered. 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,
Sorry for the confusion I was pointing out to the code provided by Ismael in the previous ticket.
You can also add the below code along with it to fix the single blog post image in mobile.
@media only screen and (max-width: 767px) {
#top .big-preview.single-big {
padding: 0 0px 10px 0 !important;
}}
Just to summarise
Add my code and Ismaels code to Enfold > General Styling > Quick CSS
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 the credentials. I checked for the padding issue on the columns and was able to successfully set up 30px padding on the columns.
Please check the screenshot below. Once you click on the column and go to the layout tab, uncheck the options “Apply the same value to all?” (unless you require top and bottom padding) and set 30px padding to the left and right.

I have verified this works by setting different padding values and I assure you that there is no issue with the theme.
I believe what happened earlier must be related to browser cache. 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”.

I’m sorry you had to wait on the other tickets but don’t worry we answer all tickets in the queue, some may take more time depending on the issue. Trust me it will not take much time :)
Best regards,
Vinay
Hello,
I love the enfold theme and I am very happy with the design I was able to create with it, just as I had imagined and wanted.
I am using woocommerce for the shopping cart, though I don’t want to use the woocommerce product pages as this is a big requirement for me to be able to have several products on one page. Like I want to be able to sell the original painting, cards and prints from the same main page.
So for that as far as I can figure out, the best way seems to use product_page shortcode. I have each main artwork as a portfolio item, and on that page I added the product_page shortcode to display the purchase options. the products are variable products.
I am also trying to use wooswatches plugin to show nice buttons for picking out the variations,
Whe I view a particular product, say cards, just on the shop page (not a portfolio, but just as the woocommerce shop page) it looks really nice and clean
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture.jpg
When I add the product_page to a portfolio page, then this is what it looks like:the box smaller and squished to the right.
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture1.jpg
Whem I have the wooswatches: http://fv6.97e.myftpupload.com/wp-content/uploads/Capture2.jpg
Now when I tuen on the Advanced layout, which I would LOVE to use as I want to put each product on a separate tab and format the pge nicely, then
not only the box get squishes to the right and small but also the image gets tiny and gets pushed to the left
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture3.jpg
And when I have the wooswatches on withth e Advanced layout, in addition to the above, my swathes are gone and I cannot select my variations :(
http://fv6.97e.myftpupload.com/wp-content/uploads/Capture4.jpg
I would like it to show as nicely as it shows on the original product page, if not, then like the page without the advanced layout builder where the image is not shrunk and way off to the left. Also I would like to be able to use the wooswatches and my variations look pretty.
This is really urgent as I have spent way too many days trying to get this to work. Please please help!!!
I am attaching the login details below
-
This topic was modified 7 years, 2 months ago by
c_srishti.
I will try to explain this problem the best as I can, sorry if this turns out to be a plugin issue.
I don’t know where the problem resides, I have already contacted the support for a plugin called “Fancy Product Designer” (hereafter FPD) they assured me the problem is not at their end and that it is a theme issue. Therefore I renewed my Enfold support in hopes of sorting this little problem out.
I am running FPD on the Enfold theme with woocommerce. I have made some quick css changes to Enfold that allows me to remove the “show details” button in the product catalog and have only”add to cart” visible.
The css is as following:
#top .avia_cart_buttons .show_details_button {
display: none !important;
}
#top .avia_cart_buttons .add_to_cart_button {
width: 100% !important;
}
#top .avia_cart_buttons .button-mini-delimiter {
display: none !important;
}
That works for every product except the ones that are using FPD
The provided url will take you to the front page, if you scroll down a little you will see “vinsælar vörur” below there are a couple of products visible, you can see the ones that are not a FPD product have the add to cart button centered, the FPD products “add to cart (setja í körfu)” is alligned to the left.
FPD Support suggested I should add the following code via quick css:
fpd-catalog-customize{margin: 0 auto;}
#top .avia_cart_buttons .button{
float: unset !important;
}
that did not work, I then gave their support agent an admin user to the site. He checked it out and replied:
Sorry about the late reply. The CSS I’ve sent basically works. The problem only comes up once the products are switched – which I guess is done through your theme via js somehow? Not really anything we can do about that at, sorry. You could try your themes support.
So I’m here now, knocking on your door.
Have a good weekend
-Svavar
-
This topic was modified 7 years, 1 month ago by
SvavarJakobsson. Reason: solved it myself
Hey Nate,
You can use a full-width or a full-screen slider and add caption and buttons to it. Both sliders are available in the Advanced Layout Builder.
Here are the docs for you:
If you need further assistance please let us know.
Best regards,
Victoria
Hey mlangereis,
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
.avia-button.avia-size-x-large {
font-size: 20px;
}
If you need further assistance please let us know.
Best regards,
Victoria
It seems to have easier ways to obtain that, but i created a Widget itself for it. – see here : https://kriesi.at/support/topic/social-bookmarks-widget-how-to/
You then only have to drag and drop the new registered Widget to your Widget Area you like (even the footer widget areas) – and all Icons you set on Enfold Options will be shown.
You can insert a heading for that you like to have
See how it looks like ( center; on the left these are share buttons) : https://webers-testseite.de/#footer
Yes – I have been in contact with them and have had them working on the site directly to try and resolve.
The last correspondence from him is that Enfold seems to have had some new JS with one of the recent updates that has the breakpoints set – and those breakpoints are conflicting with the plugin.
I really was wanting to use Enfolds menu but its isn’t very keyboard compatible. The button highlights and dropdowns don’t work on keyboard focus. The other option would be to try and rectify the Enfold menu so it works as required. We need the site to be WCAG AA level accessibility compliant.
Really need to get this sorted out ASAP – need to get my live site updated and can’t until this is resolved.
Thanks Matt
Hi
I’m trying to have one of the menu items different background color (just like in Enfold law demo “get in touch”). I ‘m choosing (button style (colored) for this item and go to Enfold advanced styling options and setting up the background color for Menu Item Button but nothing is changing. I tried few times. How can I have “contact” with rounded button background underneath? Thank you
Hello,
Enfold Captcha stopped working…the submit button was disappearing even after checking the box.
Also, it was letting a bunch a spam through. In a previous thread I sent my login credentials but nothing happened.
Please advise.