Hello.
I used the following solution for a previous post (https://kriesi.at/support/topic/lightbox-image-activation) to activate Enfold lightbox image.
<?php echo ‘<div class=”avia-image-container avia-align-center “><div class=”avia-image-container-inner”>
</div>
</div>’; ?>
Everything is OK when the page is loaded.
The page i am working has NEXT & PREVIOUS buttons and onClick retrieves data from database and loads the data in specific divs.
This includes the change of href & src in the above code.
After ajax,the lightbox is not working.
Can you suggest me a way to fix this issue?
Thank you in advance
Hi,
I cannot enter any text in the symbol box. In the frontend, only the message “Click to add your own text here” is displayed, which cannot be overwritten. It is also not possible to insert a button.
What do I have to do?
(WP 5.8, Enfold 4.8.4
Besr regards
Morcy
-
This topic was modified 4 years, 7 months ago by
Morcy.
Recently I used the code from this thread https://kriesi.at/support/topic/centered-logo-shopping-cart-in-menu/ to put the shopping cart in the menu. The cart adds but the social media icons are not displaying in the right menu once I add this code. The social icons instead go to the left of the logo but I have already added a left header widget there so it just overlaps. I noticed several people are having issues with the shopping cart and the center logo with the menu underneath. Any help would be great on how to troubleshoot this!
Here is the code i added to the child theme.
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/
// Header Widget
add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}
function cart_in_nav(){
?>
<script>
(function($){
$(document).ready(function(){
var width = $(window).width(), height = $(window).height();
if ((width >= 768)) {
$( “#menu-item-shop” ).appendTo( “#avia-menu.av-main-nav” );
};
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘cart_in_nav’);
and here is my css
/* cart_in_nav */
@media only screen and (min-width: 767px) {
#top #header_main ul#avia-menu ul#menu-item-shop,#top #header_main ul#avia-menu ul#menu-item-shop a.cart_dropdown_link {
display: block !important;
height: 50px !important;
line-height: 50px !important;
padding: 1px 10px !important;
border: none !important;
box-shadow: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop ul.woocommerce-mini-cart.cart_list.product_list_widget {
width: 100% !important;
height: 100% !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart-item.mini_cart_item a {
border: none !important;
}
#top #header_main ul#avia-menu ul#menu-item-shop .woocommerce-mini-cart__buttons.buttons a {
border: none !important;
}
}
/* end cart_in_nav */
.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; }
@media screen and (max-width: 900px) {
#header .widget { display: none !important; }
}
#header .widget {
left: 50px;
right: auto;
padding-top: 70px;
position: absolute;
top: 0;
transform: translate(-0%);
z-index: 999999;
}
#top .inner_product,
#top .inner_product .inner_product_header {
border: none;
}
#top .inner_product .inner_product_header .avia-arrow {
display: none;
}
Hey Sabine,
Thank you for your patience and the link to your page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field to make the player button have a gold background when it is not playing and currently can’t be seen:
button#sound-frame {
background: #ca994f !important;
}
I have not investigated plugins for background music before so I can’t recommend any, please check the WordPress repository to see if any will fill your needs. Google suggests this one.
For your icon list next to your contact form try this Quick CSS:
#kontakt > div > div > div > div > div:nth-child(1) > div > div.avia-icon-list-container > ul {
padding-left: 80px;
}
it should line up under your image.
To add your own Fontello icons please see this documentation. If this doesn’t help then please create a test page and explain which element you want to use the custom icon for and include admin login in the Private Content area.
Best regards,
Mike
Hi Guys,
I have the filters list from the documentation.
In order to add conversion metrics to several Enfold sites. I need to be able to insert tracking codes in the following places
Specific ALB Images with links when clicked
Specific Enfold ALB Buttons (phone number and email call to actions)
Contact Form 7 Submit button
Woocommerce Checkout Button
Is there a filter within Enfold that can already handle these insersions?
Josipa SalihbašićGuest
Hello,
client uses enfold theme for couple of years.
we faced an issue now.
I found some solutions on forum:
but that did not help. Now we have issue :
Fatal error: Uncaught Error: Attempt to modify property “config” on null in /customers/5/7/3/gabc.eu/httpd.www/wp-content/themes/enfold_18-11-18/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php:28 Stack trace: #0 /customers/5/7/3/gabc.eu/httpd.www/wp-content/themes/enfold_18-11-18/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php(65): avia_sc_layerslider->shortcode_insert_button() #1 /customers/5/7/3/gabc.eu/httpd.www/wp-content/themes/enfold_18-11-18/config-templatebuilder/avia-template-builder/php/template-builder.class.php(1134): aviaShortcodeTemplate->__construct(Object(AviaBuilder)) #2 /customers/5/7/3/gabc.eu/httpd.www/wp-content/themes/enfold_18-11-18/config-templatebuilder/avia-template-builder/php/template-builder.class.php(350): AviaBuilder->createShortcode() #3 /customers/5/7/3/gabc.eu/httpd.www/wp-includes/class-wp-hook.php(292): AviaBuilder->init(”) #4 /customers/5/7/3/gabc.eu/httpd.www/wp-includes/class-wp-hook.php(316): WP_Hook->apply_filters(false, Array) #5 /customers/5/7/3/gabc.eu/httpd.www/wp-includes/plugin.php(484): WP_Hook->do_action(Array) #6 /customers/5/7/3/gabc.eu/httpd.www/wp-settings.php(560): do_action(‘init’) #7 /customers/5/7/3/gabc.eu/httpd.www/wp-config.php(96): require_once(‘/customers/5/7/…’) #8 /customers/5/7/3/gabc.eu/httpd.www/wp-load.php(37): require_once(‘/customers/5/7/…’) #9 /customers/5/7/3/gabc.eu/httpd.www/wp-blog-header.php(13): require_once(‘/customers/5/7/…’) #10 /customers/5/7/3/gabc.eu/httpd.www/index.php(17): require(‘/customers/5/7/…’) #11 {main} thrown in /customers/5/7/3/gabc.eu/httpd.www/wp-content/themes/enfold_18-11-18/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php on line 28
Please provide us some info how to fix problem.
All plugins are disabled but issue remains.
Hi,
I uploaded a fresh copy and that seemed to fix the missing mobile button.
Would you be able to check out the following:
1. Can you double check if my enfold options are representative of my theme version now? In the last comment you mentioned that the number was updated by the options looked like an older version.
2. I use a plugin that delays JS loading until a user interaction on the page, and now that the mobile menu is back, it only loads when I interact with the page. I want to actually exclude this from minification and deferring. I tried the URL /wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js and it doesn’t seem to be that.
Specifically, I have the options:
“Excluded JavaScript Files – Specify URLs of JavaScript files to be excluded from minification and concatenation (one per line).”
and
“Excluded JavaScript Files – Specify URLs or keywords that can identify inline or JavaScript files to be excluded from delaying execution (one per line).”
So, how can I exclude the mobile menu from these?
Thank you!
Dear Richard,
Thank you for the hint with the sharing through cloud. I have created a folder “Enfold Support” and uploaded two print screens.
https://drive.google.com/drive/folders/1NFAgkuQElvuQf1EL4nF5VSWXuZCLfK1x?usp=sharing
Following again the description.
From the website http://www.ecofit.fun (not live yet) I want to include internal and external links. The external links work fine as I need to copy the URL from another page. The problem I face is on internal links. This is supposed to be very simple, but I don’t achieve it. There is a search text field, but whatever letter or word I enter, I does not show any result. And obviously the search words are common on my site. I have viewed several tutorials and these always show many results from which they can select. But in my case, nothing. Following the two problems.
1. Internal Link for Text (see picture)
I mark the text I want to link “Your devotion is fitness?”. Then I click on the “Link” button and a window opens as in picture. Then I search for fitness (probably 10x on my website), but “No results found”. I tried without letter, with single letters and several words, but no result.
2. Internal Link for Button (see picture)
If I want to set a link for a button. I open the button where I find the section “Link Settings”. There are then many options as “Set Manually” and or under Single entry Taxonomy overview page for Category, Post Tag, Post Format, Portfolio Entries, from a drop-down menu. I don’t understand the meaning of them so I tried all of them. Below this drop-down menu der is an empty text box without name. I assumed that this is search function, but no.
Internal link setting must be a very easy task, but I don’t see what is wrong and how I could achieve it. I hope you can help me as this is extremely important for SEO, so it must work.
Kind regards,
Daniel
Hi MyLochness,
Here’s how you can do it safely:
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.
Best regards,
Nikko
Hey Jordan,
Thanks for your answer.
I tried your solution just like in your documentation :

I’m able to add a toggle button into the privacy policy page to accept / refuse the cookie but it doesn’t resolve my problem which was to prevent the deletion of my custom cookie when someone visits the site for the first time and have not yet accepted the cookie bar.
My custom cookie is stored in PHP when a visitor visit the website with a specific GET parameter but is immediately deleted by enfold script (avia-snippet-cookieconsent.js I think). I thought to oveloard this script into my child theme but to achieve this I need to overload the helper-privacy.php file located into Enfold > includes but I haven’t succeed so far. I copy the helper-privacy.php file into Enfold_child > includes but the file doesn’t seem to be overload. Is it possible to overload this file ? And if so, do you have a solution to achieve this ?
Best Regards,
Le Plus du Web
Hi Monica Gibertini,
Thanks for contacting us!
Yes, it’s possible however it would require you have an API token first which can be generated via the ThemeForest account used to purchase Enfold, if you don’t have any access to it then I would suggest purchasing the theme/license via your ThemeForest account, then download this plugin: https://envato.com/market-plugin/ and follow the instructions for it.
Once the site is updated, 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.
Also, please don’t forget to backup your site before updating.
Best regards,
Nikko
hello to everyone
I can’ t find the login from themeforest enfold.
Now I only see the button register
Hi!
I have used the enfold documentation to change the tabs on the following page…
https://techlystictdev.wpengine.com/what-we-solve-hosting/
I’m wondering if there is a way to change the inactive tabs to be outlined in white with blue text? And the active tab would stay with the current styling (blue button with white text)?
Thank you!
Hi together,
This morning no emails were sent to the registered recipients via the enfold form.
According to your guidance the following results were obtained:
1. Typos and SPAM
I used different email addresses. Example: (Email address hidden if logged out) and (Email address hidden if logged out)
2. Check if WordPress is able to send e-mails
yes he can, change password and send e-mails are possible
3. Deactivate Plugins
I have not deactivated any plugins, because the send button always works
4. Third-party plugin form testing
I have now installed the Contact Form 7 plugin. The form provided there works for all addresses used
5. Using SMTP
I am currently clarifying the use of smtp with the hosting service provider. As soon as there is a result, I write
Best regards,
Chris
Hey Stefan,
Thank you for your patience, yes you can use your own icons, please see our documentation How to add Custom Social Icons to Enfold options, it should cover everything you need.
Best regards,
Mike
Hi Rasmus,
I would like to inform you that we have added “close ajax search with esc button” accessibility feature and it will be available starting from upcoming version of Enfold :)
Regards,
Yigit
Hi,
I use Enfold to built my website. I’m quiet happy but I need to track social media buttons on Google Analytics. I added some codes to functions.php but I need to change Social Media buttons to onclick link buttons.
https://support.google.com/analytics/answer/1136920?hl=tr#zippy=%2Cbu-makalede-ele-al%C4%B1nan-konular
Google says that in this article, link should be like this.
***a href=”http://www.example.com” onclick=”captureOutboundLink(‘http://www.example.com’); return false; ** example.com’a göz atın***
As you can see regular code as below has no onclick codes. How can I change this. Urgent HELP.
<li class=’social_bookmarks_whatsapp av-social-link-whatsapp social_icon_2′>
///a target=”_blank” href=’https://api.whatsapp.com/send?phone=90533*******&text=Merhaba%2C+size+siteniz+uzerinden+ulasiyorum.’ title=’WhatsApp’ rel=”noopener”><span class=’avia_hidden_link_text’>WhatsApp</span> ///
Best Cenk
-
This topic was modified 4 years, 8 months ago by
cengolino.
Hi. my website throws a fatal error after I tried to update
Any recourse?
Solving this is really really urgent!
Fatal error: Uncaught Error: Attempt to modify property “config” on null in /customers/2/f/c/exquizit.de/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php:28 Stack trace: #0 /customers/2/f/c/exquizit.de/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php(65): avia_sc_layerslider->shortcode_insert_button() #1 /customers/2/f/c/exquizit.de/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php(1207): aviaShortcodeTemplate->__construct(Object(AviaBuilder)) #2 /customers/2/f/c/exquizit.de/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php(350): AviaBuilder->createShortcode() #3 /customers/2/f/c/exquizit.de/httpd.www/wp-includes/class-wp-hook.php(292): AviaBuilder->init(”) #4 /customers/2/f/c/exquizit.de/httpd.www/wp-includes/class-wp-hook.php(316): WP_Hook->apply_filters(NULL, Array) #5 /customers/2/f/c/exquizit.de/httpd.www/wp-includes/plugin.php(484): WP_Hook->do_action(Array) #6 /customers/2/f/c/exquizit.de/httpd.www/wp-settings.php(560): do_action(‘init’) #7 /customers/2/f/c/exquizit.de/httpd.www/wp-config.php(114): require_once(‘/customers/2/f/…’) #8 /customers/2/f/c/exquizit.de/httpd.www/wp-load.php(37): require_once(‘/customers/2/f/…’) #9 /customers/2/f/c/exquizit.de/httpd.www/wp-blog-header.php(13): require_once(‘/customers/2/f/…’) #10 /customers/2/f/c/exquizit.de/httpd.www/index.php(17): require(‘/customers/2/f/…’) #11 {main} thrown in /customers/2/f/c/exquizit.de/httpd.www/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_layerslider/slideshow_layerslider.php on line 28
Hi,
after I update on enfold 4.82 I have a Problem with the Contact Form: sometimes the sent mails arrive, sometimes not. I couldn’t see any system of the Problem.
– The Send-Button worked all the time.
– I used single and several addresses separated by commas, sometimes the emails arrive, sometimes not
– The lost Mails are not in Spam folder
My WordPress is 5.7.2 and PHP 7.3.10
Do you have an idea?
Best regards
Chris
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#av-layout-grid-2 .avia-button-center a {
background: rgba(000,000,000, 0.3);
}
Best regards,
Rikard
Hello Enfold-Team,
I have the following problem:
There is a small buy button at the bottom of the checkout area. Also there is an option for canceling, unfortunately it is no button but the whole space except the buy button.
Like if you click one milimeter next to the buy button it cancels the process. The whole area next to the button is cancel.
Is there any possibility to remove the cancel option or make it a real button on the right side of the page in red?
Best regards,
Hi Rikard,
The url changed after I renamed the page. Please see the updated link below to the blog page. In neither the Enfold>Blog Layout nor the blog page layout builder is there somewhere I can select the option to display either the date or the comments or the category. I’ve tried modifying both and I can’t display anything beside the title and read more button.
Please let me know if theres anything I can do.
Best,
Joe
Hey Kyle,
Thank you for the inquiry.
If you have an svg file of the Rumble logo, you can upload it to fontello and convert it to an icon file. You can then upload it in the Enfold > Import/Export > Iconfont Manager as a custom icon. You will then have to register the new social icon and assign the custom icon to it.
Please check the following documentation for more info.
// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
Best regards,
Ismael
Hello at Kriesi,
is Enfold 4.8.3 having a problem with OS X Big Sur? A Website I updated (but didn’t build originally) in Firefox DevEd on OS X High Sierra – where it looks fine – behaves baaaadly in ALL Big Sur-browsers. Responsive items are being switched. Those for mobile show on desktop and vice versa. On the iPhone (iOS 14.6) all looks good in any browser I tried there.
Here is how it looks on a desktop Mac:

Here how the mobile version looks on iOS:

Can you tell me what is going on here? Is there a fix to correct this?
Thanks, any hint would be appreciated!
Hi,
Thank you for your patience and for the login, after much testing on a Mac with Safari, since everything shows on Windows 10 & Chrome, the h1 heading on your homepage with the structure <h1><em><strong> I found that it would only work with both em & strong tags removed, but this didn’t account for the button labels & the text block lower on the page.
I then realize all of these elements were using your custom font GothamLight I then searched for a Free & Similar Alternative to Gotham and found Montserrat to match which is also available within the theme. Once I changed your Enfold Theme Options > General Styling > Fonts the issue was solved.
I don’t know why the Gotham font is not working on Safari but there are a lot of results for this on Google, I recommend using Montserrat instead.
Best regards,
Mike
Hi rmieniawski,
You can follow this link to open a new thread, or click this button: https://imgur.com/a/AnoSPNb.
Best regards,
Rikard
Hi,
Thank you for the info.
To remove the borders and arrows, you can use this css code.
.responsive #top .av-menu-mobile-active .av-subnav-menu li {
border: none;
}
.responsive #top .av-subnav-menu .avia-bullet {
display: none;
}
However, in order to change the icon, you may need to modify the enfold/config-templatebuilder/avia-shortcodes/menu/menu.php file and add the svg element around line 624.
$mobile_button = $mobile == 'active' ? "<a href='#' class='mobile_menu_toggle' " . av_icon_string( 'mobile_menu' ) . "><span class='av-current-placeholder'>" . __( 'Menu', 'avia_framework' ) . '</span></a>' : '';
if( ! empty( $mobile_button ) && ! empty( $mobile_submenu ) && $mobile_submenu != 'disabled' )
{
$submenu_hidden = 'av-submenu-hidden';
}
You can change it via css but you have to register the genericons package or font files.
// https://wpsites.net/web-design/installing-genericons/
Best regards,
Ismael
Hi Mark,
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
Hey 802kings,
It looks like you forgot to include a password, so I can’t login to your site to check your button settings. Please include working login details with your next reply.
Please refer to this for centered logo/split menu: https://kriesi.at/documentation/enfold/menu/#logo-centered-split-menu
Best regards,
Rikard
Hi there,
I have met an issue on switching the page on this link: https://www.cooindustries.com/products
Details are:
On all the other pages other than page 1 , I can’t get back to page 1 by hitting the “1” button;
On all the other pages other than page 1 , I can’t get back to page 1 by hitting the “<<” button;
On page 2 , I can’t get back to page 1 by hitting the “<” button;
The versions of Enfold and WordPress I am using:
Enfold 4.7.6.4
Wordpress 5.7.2
Please help me check the issue.
Thank you.
Alex