Hey TLPLindseyMuchka,
Thank you for your patience and the link to your page, I have carefully reviewed your slider to try to help you accomplish the “Hero Header” using the Fullwidth Easy Slider, but the styles and animation are added by a script during the page load so we can not completely remove it, plus I see that you also have the lazyload option enabled, so it could also help to disable that, but this css seems to help quite a bit, please try this code in the WordPress > Customize > Additional CSS field as it has the highest priority:
#full_slider_1 .avia-slideshow li.av-single-slide,
#full_slider_1 .avia-caption-title,
#full_slider_1 .avia-caption-content,
#full_slider_1 .avia-slideshow-button {
-webkit-animation: 0s ease 0s normal none 1 running none !important;
animation: 0s ease 0s normal none 1 running none !important;
visibility: visible !important;
opacity: 1 !important;
}
and then try disabling Enfold Theme Options > Performance > JS & CSS file merging and compression and at the bottom of the page enable Enfold Theme Options > Performance > Delete old CSS and JS files then save your theme options and check.
But I believe you may want to create your own Hero Header with a color section and a background image to have better control over it.
Best regards,
Mike
Yes, I have a fontello icon set with the new icons for new definitions. And, yes, I placed it in the right spot in the functions.php. Because this blog doesn’t have a child theme, I used this article: Social Share Buttons. It says to put the code right after this line:
if(isset($avia_config[‘use_child_theme_functions_only’])) return;
Yes, I have cleared all caches and refreshed Enfolds Performance Settings.
Hey whdsolutions,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.avia-button.avia-size-x-large {
padding: 15px 30px 16px !important;
}
}
Best regards,
Rikard
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
div.dropdown_widget_cart {
background-color: #fff;
}
button.single_add_to_cart_button {
width: 300px;
}
Best regards,
Rikard
Hello,
I just updated to Enfold 4.8.3 and am trying to use the new share links options, but no matter what option I have it set to, it compresses all of the buttons like this:

Even if I set it back to the default options, it is still displaying like this. Any help would be appreciated. Thanks!
Is it possible to replace the standard AJAX search with a search box that takes over the secondary sub menu?
Example I’m trying to achieve below using the enfold theme.
https://www.solodev.com/blog/web-design/search/how-to-create-a-search-bar-that-overlays-your-top-navigation.stml
Currently I have the AJAX search in place below. I want to take it one step further that when the search button is pressed it will over lay across the secondary menu. For a mobile user also this will look better then the standard ajax solution.
/* Header Meta Search Icon */
if(!function_exists(‘avia_append_header_meta_search_icon’))
{
//first append search item to main menu
add_filter( ‘wp_nav_menu_items’, ‘avia_append_header_meta_search_icon’, 9997, 2 );
add_filter( ‘avf_fallback_menu_items’, ‘avia_append_header_meta_search_icon’, 9997, 2 );
function avia_append_header_meta_search_icon( $items, $args )
{
if (is_object($args) && $args->theme_location == ‘avia2’)
{
global $avia_config;
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;
$items .= ‘<li id=”menu-item-search” class=”noMobile menu-item menu-item-search-dropdown menu-item-avia-special”>
<span class=”avia_hidden_link_text”>’.__(‘Search’,’avia_framework’).'</span>
‘;
}
return $items;
}
}
Hi,
Some information about it:
I supose there is some incompatibility with woocommerce and enfold -now 4.8.3- because:
:: Editing in woocommerce enviroment:
1.- I edit https://joanv22.sg-host.com/product/extensive/ with “Edit product” item menu
print screen: https://joanv22.sg-host.com/mat/enfold-editors1.jpg
2.- I get the right page edition
print screen: https://joanv22.sg-host.com/mat/enfold-editors2.jpg
3.- When I clic in the “Advanced layout editor” button, I get other page => this is particularity problematic, because my client needs to edit the content in the easyest possible way (visual, not code).
print screen: https://joanv22.sg-host.com/mat/enfold-editors3.jpg
4.- If I change to the other editor, I get no content
print screen: https://joanv22.sg-host.com/mat/enfold-editors4.jpg
:: Editing in content in other pages -not woocommerce enviroment-:
When the html editor fails in the advanced layout editor, I go to the other editor, update the page and get back to the advanced layour editor, in this moment with the right and editable content.
Thanks in advance.
Joan
Hi DigitalEssence,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#top .sidebar .widget_shopping_cart .button {
display: block;
text-align: center;
width: 100%;
margin-bottom: 16px;
}
Best regards,
Nikko
Hi Team,
Ive followed the documentation to add a widget to the header area so I can create a button (https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area). The button gets created perfectly, however when clicked the URL link does not activate. The button just does not do anything!
I’m using the short code
[av_button label='Refer A Friend' link='manually,/refer-a-friend/' link_target='' size='small' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-5obiu2i']
How do I get the button URL to activate?
For a better example: https://clixer.nl/protunes/product/foodtruck/
The radiobuttons should be in style with the default Enfold variations above the radio buttons.
Hello,
We use the Enfold Theme for our website and Gravity form for our forms.
We have a styling issue with the checkboxes and buttons radio.
They are not align with their label.
I’m using the rules provided by the Gravity Form’s support to override the customizations made by the theme:
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio .gchoice {
display: inline-grid;
grid-auto-flow: column;
}
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox .gchoice {
display: inline-grid;
grid-auto-flow: column;
}
But it doesn’t work correctly. The button is very far from the label.
So could you help me on this topic please?
I also have a styling issue when I try to display checkboxes (or radio buttons) in columns (the rules “gf_list_2col” works on Gravity forms’ preview but not in live).
Do you have any solution for this?
Thank you for your help.
Céline
Hi I have woocommerce in my enfold theme.
1 • My Mini cart has not background: it’s transparent and it is not readable.
How can I chango colour in white? I attach screenshot.
2 • Also how is possible change dimention of button “Add to cart” in my product page?
thanks.
Dear Ismael,
As you can see from my first image (link to image), and I have mentioned a couple of times, this looks like an Enfold bug. Looking at the image, you can see that the issue is 100% related to the functionality of the theme/ALB. Everything above the Load more button looks fine – the issue is only after clicking Load more.
Don’t you agree with that?
I am not sure how to understand your responses. Are you saying this is a bug that will not be looked into by the developers?
Regards,
Chrilles
Hi, i’ve imported this demo in my WP.
How to modify learn more and get in touch title button?
Hello All, I have tried the css code here: https://kriesi.at/documentation/enfold/button/#toggle-id-34 to attempt to add a drop shadow to my buttons with no luck. I tried pasting the code into the quick css text field in General Stying settings as well as Appearance/Customize/Additional CSS but nothing changes for my buttons. I pasted this code:
/* Remove button border */
.my-custom-button .avia-button {
border: none !important;
}
/* Box-shadow border */
.my-custom-button a.avia-button {
box-shadow: inset 0px 0px 0px 4px gold !important;
}
Any assistance would be greatly appreciated.
Hi projectt_co_uk,
Please add this CSS code in Enfold > General Styling > Quick CSS:
#top #footer .widgettitle {
border: none;
}
#top #footer .avia-button {
font-size: 24px;
}
Just adjust the font size value.
Hope this helps.
Best regards,
Nikko
Hi,
– I removed the code from Customizer (you can find it here as well – https://pastebin.com/j9Yj3wKM)
– Disabled header widget code in Functions.php file of your child theme
– Added a new menu item to your menu and chose to display it as button
– Went to Enfold theme options > Advanced Styling and adjusted button menu item colors
– Added following code to bottom of Quick CSS field
#menu-item-61 .avia-menu-text {
border-left: none;
}
#menu-item-8182 {
right: 100px;
}
@media only screen and (max-width: 1200px) {
#top #header .av-main-nav > li > a {
font-size: 15px !important;
}}
@media only screen and (max-width: 1055px) {
#menu-item-8182 {
right: 30px;
}}
Please review your website :)
Best regards,
Yigit
MarcGuest
Hi,
I purchased the Enfold theme but I want to add a welcome note in a popup windows message on the main page of the website to show some message to the visitor. The visitor should click the “x” button to close to continue browsing the website.
Is there a built in functionality for this? or i have to get a plugin?
Thanks in advance
Regards,
Marc
Hello everyone,
I made tests a few weeks earlier looking at Enfold features I didn’t have time to check yet.
When recently I’ve seen that 2 news pages have been indexed by search engines.
These pages are: https://c-serp.fr/?alb_elements=rv-bouton and https://c-serp.fr/?alb_elements_entries=av_button
They are not Page, nor Post nor Portfolio as well and I can’t find them anymore.
I don’t remenber how or where I’ve created them. (sounds stupid)
But I know for sure that I don’t want them to be indexed anymore.
Anyone could tell me where to look so I can delete or un-index them please?
Thanks for your tips….
Hello Enfold Team,
I have the problem that after a major update (V3 to V4) on a website now the AVIA Builder no longer works and also in the frontend some elements (slider etc.) are missing.
Above all, this created many script errors (according to Console). I can’t see any change even by disabling and re-enabling all plugins.
I am at a loss and need help here. Many thanks already.
Greetings
Michael
I’m having a problem with the Enfold theme advanced editor.
The button “Advanced Layout Editor” doesn’t seem to respond to anyting.
In the console I see the error: Uncaught ReferenceError: tinymce is not defined on avia_gutenberg.js?ver=4.8.2
Things i’ve already tried:
– Updated WordPress and Enfold them to the latest versions (WordPress 5.7.2 & Enfold 4.8.2).
– Disabled all plugins.
– Disabled the .htaccess file by renaming it temporarily.
– Disabled all plugins and the .htaccess file at the same time.
But nothing seems to work.
The strange thing is, on pages that have already been created by the advanced layout builder (and therefore have “Advanced Layout Builder” behind their name in the overview), the editor seems to work just fine.
The Answer above – I don´t get it. But after a bit of testing I hve y solution for y 3 categories – Alltag, Artbeit, Kultur
/*
masonry sort to make it a link
************************************************************************ ENFOLD */
function ava_auto_click() {
if ( $_GET["psort"] == "kultur" ) {
?>
<script>
jQuery(window).on('load', function () {
jQuery('.teilhabe-an-kultur_sort_button').trigger('mouseover');
});
</script>
<?php
} elseif ( $_GET["psort"] == "arbeit" ) {
?>
<script>
jQuery(window).on('load', function () {
jQuery('.teilhabe-an-arbeit_sort_button').trigger('mouseover');
});
</script>
<?php
} elseif ( $_GET["psort"] == "alltag" ) {
?>
<script>
jQuery(window).on('load', function () {
jQuery('.teilhabe-an-alltag_sort_button').trigger('mouseover');
});
</script>
<?php
}
} // ava auto click
add_action('wp_footer', 'ava_auto_click');
/**/
-
This reply was modified 4 years, 11 months ago by
Raphael.
Hi Community,
i’m encountering a problem since today. I’ve integrated Mailchimp since a year or so. It was working as expected.
Today i found out from one of our customers that the “Subscribe” Button doesn’t work anymore and you will get the
“avia-mailchimp-ajax-error av-form-error-container” with the “We are very sorry but something went wrong. Please try again later.” Error Message.
I’ve re-checked all API Integration and all is fine. I also tried to deactivate all Cache and Minify Plugins with no luck.
Do you have any hints for me?
Wordpress 5.7.2
enfold 4.8.2
PHP 7.4.13
Thanks.
Best, Oliver
Language switcher not appearing in top bar although the code is there.
GETTING THIS PROMPT:
One more step before you can translate on Enfold
You need to enable WPML’s Translation Editor, to translate conveniently.
HOWEVER, AFTER CLICKING BUTTON:
This action is not allowed
This is a canadian site – EN/FR is critical. Please help!
Hey Christian,
Thanks for contacting us!
1- It seems like you have changed your key however have not verified it. Please go to Enfold theme options > Theme Update tab and click “Check the private token” button. After verification you should receive the update :)
2- You have apparently attached your background image in 300x200px size, that is why it is blurry. Please edit your section and choose to display it in fullsize instead – https://imgur.com/a/jDCbzoL
If you are unable to change the size of the image when choosing background image, that might be related to the older version of the them you are using. Updating the theme to the latest version would fix that issue.
I hope that helps! Let us know if you have any other questions and enjoy the rest of your day!
Best regards,
Yigit
Hi Rikard,
It happened when the pages were translated. I did find a WPML support post where someone else had this happened:
https://wpml.org/forums/topic/dynamic-links-translated-to-manual-links-in-enfold-theme-button-elements/
Hi Chris,
That version of Enfold is still using the old API (username and API key) which envato has already deprecated therefore you can’t update it with the usual method.
You can do the following process instead:
First make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/
Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, 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.
Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.
Best regards,
Nikko
Hello Rikard and Jordan,
thank you for the quick response.
I added the Quick CSS under Enfold > Generel Styling. Unfortenately the input text color ist stil the same but the text color of the “send” button is changing.
I hope you have another idea, thank you very much in advance!
Best regards,
Patrick
Hello,
I am trying to figure out the events calendar and make a Live Shows listing for my site with enfold but just running into brick walls. Here are a couple problems I can’t figure out and would be really grateful for any help.
– I don’t want the links clickable
– I want to remove the “view calendar” at the botom
– and I would like to make a top/bottom border and a “buy tickets” button like this site has https://www.timdilloncomedy.com
Thank you