Hi,
Currently using Enfold and AutomateWoo. On AutomateWoo, we can create email template to be sent automatically to customers on certain triggers.
At the email template editor (I believe it’s using default classic editor), there’s Enfold’s “Insert Theme Shortcode” tool. I’d like to use this to customize the email being sent to customers, add buttons, etc. Is it possible?
Thanks!
Hi Ola,
Can you try to do the following:
Login to ThemeForest and download the Enfold theme.
1. Right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.
Best regards,
Nikko
Hi hcpost,
Yes, that what I meant, thanks.
The advanced layout editor is not showing on my dashboard.
I have checked the pages and Advanced Layout Editor is working properly and there’s no unending loading of the spinning wheel. Maybe you are referring on other elements?
Perhaps you’re looking for Advanced Styling? it’s located in Enfold Child > Advanced Styling.
If it’s not then if you can provide a screenshot of the issue then we should be able to check on it further.
In fact, when I click on appearances, the only four things listed are “Themes”, “Customize”, “Widgets” and “Menues”.
This is correct, the usual is either it’s these four are showing and the fifth one that usually appears but depends on the settings in the Theme Editor.
My site should be fully updated. I have the exact same logins as my wife, we both run the Enfold theme, she has access to the advanced layout editor, but as mentioned, I don’t.
Could you help me solve the issue, as I want to add some CSS so I can customize the buttons on my site …
I do see in Appearance > Customize > Additional CSS some css codes for the button but I do see it working properly.
Best regards,
Nikko
Hello Mike,
Indeed, I have two blogs that work with Enfold.
And I have the same problem on both blogs.
And I confirm to you that I do not use the return key to start.
I am indeed using a custom toolbar button.
I had to do this because using the return key I didn’t have any line breack.
it did not work.
Even though I did 10 newlines with the return key, I only had one newline.
See the job here :
My work : https://www.dropbox.com/s/62p3r3dcoxriaid/2020-11-03_13-03-50.png?dl=0
The result : https://www.dropbox.com/s/3mz54k5udcauago/2020-11-03_13-04-12.png?dl=0
Apparently the problem comes when I use the Advanced Layout Editor
Is this a beug with enfold?
In which case it should be reported for a future update.
I gave you my administrator login.
Hello mike,
thanks. I know PayPal Plus works (only, or just) in Germany.
Your suggestion: So as a workaround how about injecting a button to the checkout from the cart page below the “notice” where the PayPal button would be? This will put your customers into your checkout and seem natural to the purchase process.
Has been tried out by my developer and its not working.
Let me recap:
The button is working in general.
The button is working on product pages and in the mini cart.
The button is working on all three (product, mini cart and cart page) with the woocommerce theme storefront.
The button is working on all three (product, mini cart and cart page) with the general theme twenty twenty.
The button is NOT working on the cart page with EnfoldVersion: 4.7.6.1.
The button is NOT working on the cart page with Enfold child theme.
So, where do we go from here? I really like a solution. I’m pretty sure other users of the theme may use this button just fine.
Kind regards,
Anja
Hi sitemonkey,
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 .avia_cart_buttons {
opacity: 1;
}
#top .avia_cart_buttons:hover {
background-color: #129191;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hello Victoria,
when I open the ENFOLD theme configuration for http://www.zahlenland.info, it shows only the first page. On thisfirst theme configuration page the save-button is inactive (grey).
And the column on the left is blank: normally there is the subnavigation / submenue for the configuration of the ENFOLD theme.
I have no idea why the theme menue has disappeared.
With kind regards,
Gabi
Hi Support,
first: we love Enfold! Thanks a lot for the wonderful theme!
We’re amazed about the design with WooCommerce. We would like to use the official WooCommerce Stripe plugin and the WooCommerce Paypal Checkout Gateway. We know theres a lot of Plugins on WooCommerce but we think there are one of the most important plugins.
However, the iFrame of the Apple Pay Button is used within the form and moves the layout.
The plugin WooCommerce PayPal Checkout Gateway adjusts the icons below the form tag. We think the most sensible order would be:
1. add to cart button
2. apple pay
3. paypal express checkout

How can we adjust the order?
we also wrote to the developer of the plugin.
Thanks for your help!
Best
Tobias
Hey Diana,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 989px) {
#socket .avia-cookie-consent-button {
margin: 0;
}
}
Best regards,
Rikard
Hi Havi,
Thanks for the update. You can use this link to open a new thread, or click this button: https://imgur.com/a/AnoSPNb
I’m not sure where we can see and reproduce your new problem?
Best regards,
Rikard
Hi MS,
Please ad this code in your Quick CSS (located in Enfold > General Styling):
#top .av-fullscreen-button .avia-button-fullwidth {
padding: 30px;
}
Just adjust the padding value as you see fit.
Best regards,
Nikko
Hi eatnlivefree,
Once you have activated Enfold theme, go to Enfold > Demo Import > and find Health Demo
Hover over the image and click on Click to Import button, it should take a bit of time and would start importing.
When importing is done, you should be redirected to Theme Options and your site should look similar to the demo.
Best regards,
Nikko
Hello Yigit,
I’m not able to update. via the dashboard or the theme options. There’s no button or notification (sidebar is blank) that says I need to update. Although I can see that I’m running Enfold 4.5.7 and Enfold child 3.0.8. And you said there’s a newer version of the theme. Please advise.
Hi Kriesi,
The advanced layout editor is not showing on my dashboard. In fact, when I click on appearances, the only four things listed are “Themes”, “Customize”, “Widgets” and “Menues”.
My site should be fully updated. I have the exact same logins as my wife, we both run the Enfold theme, she has access to the advanced layout editor, but as mentioned, I don’t.
Could you help me solve the issue, as I want to add some CSS so I can customize the buttons on my site …
Best, hans Chr.
Now the Avia Layout Builder no longer works either. I did something that made this error message appear:
Failed to load plugin url: http://muku-tv.de/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/js/avia-tinymce-buttons-4.js
Hello my favorite support team!
It’s me again – the underline styling person who keeps bugging you. I am on the forever hunt to maintain the WCAG compliance by underlining all links – except this time I’m wondering about the Catalogues.
I have a catalogue item (restaurant website) set up to link to the “Open bigger version of thumbnail image” option so that the menu item picture can be opened up by whoever clicks on the item. However, the entirety of text ends up being underlined when I use the following Quick CSS provided by you guys in a previous series of my queries:
#main a {
text-decoration: underline;
}
#main .sidebar a,
#footer a,
#socket a {
text-decoration: underline;
}
a.avia-button{
text-decoration:none!important;
}
#footer #text-3 a {
text-decoration:none !important;
}
#main a,#main .sidebar a,#footer a,#socket a, #main p a {
text-decoration: underline !important;
}
a.avia-button,a span.avia_iconbox_title,#top .av_font_icon a.av-icon-char {
text-decoration: none!important;
}
So the question is:
How do I JUST allow underline to take place on the “List Item Title” but not the content/List Item Description text?
Hopefully this helps develop a better underline system for WCAG compliance of the Enfold theme in the future as well! We are so looking forward to that :)
Thanks in advance!
Hey xuamox,
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
.home #av_section_1 .avia-button .avia_button_icon {
font-size: 26px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
we’re wondering about the ‘link settings’ enfold offers for multiple modules, specifically when the type ‘page’ is selected. A screenshot of a button module with the link settings in question is attached.
How is enfold saving the references page? Is the page-id used to store this information and ensure that title and slug can be changed? Or does enfold save some other kind of information to identify the selected page?
Best regards
Steph
Hi Gen,
Please click green “Download the Enfold Child theme” button – https://kriesi.at/documentation/enfold/child-theme/ and it would download enfold-child.zip file :)
Cheers!
Yigit
Hi!
I installed a child theme via Dashboard following the instructions here: https://kriesi.at/documentation/enfold/child-theme/#toggle-id-4
Upon refreshing my webpage, the font type, and the color of some buttons and bold fonts have changed. I deactivated the child theme and activated the original theme, plus imported a saved version of an earlier theme settings file, still, the above things did not go back to how I set them originally. When looking at the settings I see them in the right way, but they show up in the wrong way on my webpage. What could be the problem?
P.S.: I do not care about the child theme anymore. I just want to fix the appearance to look the way it was before installing the child theme.
Hallo Hardy,
You can login here for support, as I see that you have already registered on the support forum: https://kriesi.at/support/. You can use this link to open a new thread, or click this button on the top of the Enfold sub forum: https://imgur.com/a/AnoSPNb
About your problem; I see that you are running an old version of the theme, could you try to update to the latest version (4.7.6.4) to see if that helps please? The update to 4.7.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.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
Rikard
When I go to the menu Enfold Child > Theme Update, I see that it wants me to upgrade my theme. It tells me that “A new Version (4.7.6.4) of your Parent Theme (Enfold) is available!” Before I press the “Update Now” button, I have a few questions:
1) I am assuming that this only upgrades the parent theme and that all of the customization that I have made to my child theme will remain intact. Is this correct?
2) Will the CSS in the Quick CSS box remain intact?
3) Will all the changes I have made under the Enfold Child Theme Options (for instance theme options, general layout, general styling, advanced styling, main menu, header, etc) remain as it is or will it all get reset to default.
I just don’t want to get any surprises when I do update the theme. Thanks.
well i am curious why the enfold video embed causes crashing in chrome.
https://ace5studios.com/tag-buttons/
this page works fine in vivaldi, but i get the crash mentioned above in chrome, and so do numerous other people.
if i remove the [av_video] thing it works just fine.
Installing Adobe fonts to work with enfold:
I have used another user’s template, but I was getting errors when implementing his solution. It turned out that all the quotation marks used in the solution was not of the correct style. I replaced all the single and double quotation marks in a text editor with the correct ones.
Here is a short overview before updating the functions.php in the child theme of enfold
1) Activate a font in adobe fonts by sliding the toggle switch of the font you want to use. The slider will turn blue.
2) Look for the </> opposite the slider and click on it.
3) Add the font to a project by tapping the down arrow button and create a new one or add to an existing project.
4) Save > and a new window will pop up. At the top of the window you will see: <link rel=”stylesheet” href=”https://use.typekit.net/xyxyxyx.css”>
take note of the code before .css”> yours will be unique.
5) Take note of the font name and the weight. I copied and pasted it into my text editor, where required. Replace your font and font weight where I used freight-sans in step (7) and use the code in step (4) at the bottom of the php code in (7).
6) The text editor on this forum changes all the single and double quotation marks to the wrong format. You would need to manually edit everyone one in a text editor for the code in (7) to work
7)
/* Adobe typekit font */
add_action( ‘init’, ‘enfold_customization_switch_fonts’ );
function enfold_customization_switch_fonts() {
global $avia;
$avia->style->print_extra_output = false;
}
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Freight Sans Pro’] = ‘freight-sans-pro:400’;
$fonts[‘Freight Sans Compressed Pro’] = ‘freight-sans-compressed-pro:500’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Freight Sans Pro’] = ‘freight-sans-pro:400’;
$fonts[‘Freight Sans Compressed Pro’] = ‘freight-sans-compressed-pro:500’;
}
add_filter( ‘wp_head’, ‘enfold_customization_add_scripts’ );
function enfold_customization_add_scripts(){
?>
<link rel=”stylesheet” href=”https://use.typekit.net/xxxxxxx.css”>
<?php
}
8) Save the code in (7) with your info in a file named Functions.php by using a text editor and FTP the file to the folder of your enfold child installation.
public_html/the path where you installed wordpress/wp-content/themes/enfold_child
9) this new Functions.php file will only work if your child theme is the template that you activated in your wordpress themes dashboard
10) the fonts appeared for me at the bottom of the list of fonts available to chose from in enfold dashboard
-
This reply was modified 5 years, 4 months ago by
fivepixels.
Hey,
Thanks for contacting us and sorry for the late reply!
I added following code to bottom of functions.php file in Appearance > Editor
add_action( 'ava_after_content', 'enfold_customization_back_button' );
function enfold_customization_back_button() {
echo do_shortcode("[av_hr class='invisible' height='90' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']");
$link = get_permalink( avia_get_option('blogpage') );
echo do_shortcode("[av_button label='Back' link='manually,".$link."' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']");
}
Please review your website :)
Best regards,
Yigit
Hey designyvr,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.home .avia-slideshow-button {
margin-top: -30px;
}
}
Best regards,
Rikard
Hi dear Enfold Staff!
I’m using Enfold 4.7.5 with Enfold Child,
and I would like to know something which I saw in other websites made with wordpress:
the text links change color (become orange) when the cursor pass over them.
How is it possible to do it?
This is not for the text in the buttons, but for the other text (in tables, or just a word or phrase in a longer text).
Thank you very much and best regards,
Antonio Salvemini
This reply has been marked as private.
if you like to have the same buttons as Enfold offers for the header-top or the socket – you can create your own shortcode for these by putting this to child-theme functions.php:
function social_bookmarks_shortcode() {
$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
$social = avia_social_media_icons($social_args, false);
return $social;
}
add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');
then use a text-widget to place the shortcode :[social-bookmarks]
to have the icons besides each other a bit css is needed:
#footer .widget .social_bookmarks li {
clear: right !important;
}
The same with share buttons : go to a test-page and style the content element: social share buttons with option “use a custom set”
go and copy the shortcode from debug mode:
F.e.:
[av_social_share title='Share this entry' buttons='custom' share_facebook='aviaTBshare_facebook' share_twitter='aviaTBshare_twitter']
put the shortcode to a textwidget.
on gdpr ( DSGVO) reasons there is a nice plugin like shariff wrapper will create a widget for it and you can either place the global share buttons or customize them by shortcode f.e.:
[shariff services="facebook|twitter|mailto" theme="round" borderradius="50"]
Hi Enfold team!
I am in the forever battle to get my Socket styling narrowed down. Currently I have menu links that are centered and stacked using the following code:
@media only screen and (max-width:550px) {
.responsive #socket .sub_menu_socket {
display: block !important;
width: 100%;
}
.responsive #socket .sub_menu_socket .menu {
margin-left: 0;
}
.responsive #socket .sub_menu_socket .menu li {
border: 0;
display: block;
float: none;
text-align: center;
line-height: 1.7;
}
}
I also have some Quick CSS in place that force underlines ALL links on the website with this code:
#main a {
text-decoration: underline;
}
#main .sidebar a,
#footer a,
#socket a {
text-decoration: underline;
}
a.avia-button,a span.avia_iconbox_title,#top .av_font_icon a.av-icon-char {
text-decoration: none!important;
}
Here are my 3 questions for mobile-only version:
1) Although the menu links are centered with the code I provided, how do I center the Copyright and Social Media icons, but also stacking the Social Icons below?
2) How can I increase the size of the Social Media icons on that mobile version only?
3) Lastly, how can I remove the underline on those Social Media icons? For some reason, nothing I’m trying has worked so far!
I think my CSS coding is a little pieced together but any suggestions would be amazing. Thanks in advance!