Hey Samuel Ng,
Thank you for the inquiry.
You can extend your support license on Themeforest using the same account used to purchase the theme. Please check the documentation below for more info.
// https://help.market.envato.com/hc/en-us/articles/207886473-Extending-and-Renewing-Item-Support
You can extend the license directly from the Enfold theme page, just click the Renew Support button.
// https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990/support
Best regards,
Ismael
Hey sky19er,
Thank you for the inquiry.
The load more button worked when we tested it, loaded 3 more items in addition to the initial entries. Please try to purge the cache, and toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know if the issue persists.
Best regards,
Ismael
Hey 4ndreaux,
Please see our documentation: How to add Custom Social Icons to Enfold options, and look for the Hover Background and Text color css:
#top #wrap_all .av-social-link-ICON_NAME:hover a{
color:#fff;
background-color:#9fae37;
}
note that you will need to adjust the ICON_NAME in the above code to your icon name.
For example the css for the Twitter icon is:
#top #wrap_all .av-social-link-twitter:hover a {
color: #fff;
background-color: #46d4fe;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
YU-DesignGuest
Hi there,
I’m a customer for many years with several licences. None of them still vaild at the moment, because I don’t need forum support.
But I do need help with what seems to be a bug on my end: According to your Changelog you added: Telegram social share button. Unfortunately you didn’t add an opt-out option in the theme settings. At least I couldn’t find it in my installation. As for GDPR reasons I do not want any social sharing buttons on my page and I would appreciate if you can fix this asap or let me know what I can do about it.
Thanks,
yvonne
Something we have run into links on the translated pages did not get updated properly. If you look at the page linked below the links on the buttons are linking to the page you are on and not the page it should go to (example: “MFSL” should go to https://hetronicinternational.nicomitcms.com/es/transmisores/mfshl/)
https://wpml.org/documentation/support/maintaining-avia-layout-builder-enfold-compatibility-wpml/#page-builder-shortcode-structure-in-the-language-configuration-file
I asked WPML about this. Below is what they said. Is this a known issue? I’m not clear on how we can fix this and we need to translate the website to another language soon, so we really need to have this addressed.
Problem:
I am using Avia Builder from the Enfold theme and I added some buttons to a page. The button opens another page from the website but on the translated page, the buttons point to the pages from the original language.
Solution:
The Avia Builder is using shortcodes for each element and the button is saving the ID of the target pages. What you need to do on the translated page is add the ID of the translated pages. In order to have the IDs available for translation in the translation editor, all you need to do is to follow the steps from the article below and add the XML configuration for the button element.
Hey,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all #header.header_color #menu-item-2127.av-menu-button-bordered > a .avia-menu-text {
border-style: dashed;
}
Best regards,
Yigit
or why don’t you choose on masonry all portfolio terms you have – and just hide those sort-buttons via css.
.av-masonry-sort .animation_sort_button {
display: none;
}
Then All will show all – only the non wanted Sort Options are not seen ( like the home-sort )
f.e.: on that page here: https://kriesi.at/themes/enfold-2017/elements/masonry/
if you set :
.av-masonry-sort .illustration_sort_button {
display: none;
}
The All Button will show illustrations too – but the sort option will not be there
Hi Rikard,
if I click the “Prüfe reCAPTCHA API KEYS Version2” Button I get the following error message
“Fehler beim Herstellen einer Verbindung mit Google reCAPTCHA – bitte wiederhole den Vorgang. Der geheime Parameter ist ungültig oder fehlerhaft”
When I refresh the “Google Dienste” site in enfold options there is the following message:
“Als wir das letzte mal überprüften, konnten wir mit deinem API-Schlüsseln eine Verbindung zu Google reCAPTCHA herstellen”
I don´t know why I get the error message in the backend?
I check it tomorrow again.
regards Patrick
Well – i use nearly almost the quick css – the only thing that always bothers me is that the window widths are limited. I’m now working on a high-resolution 4k 32” monitor. So I want to be able to take advantage of that.
I put in my child-theme functions.php file:
function admin_head_mod() {
echo '<style type="text/css">
#avia_options_page .live_bg_wrap .main_h3 { font-size: 36px !important; }
#avia_options_page .content_p, #avia_options_page .bg2 { font-size: 24px; }
#avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%}
#avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important}
.avia_footer_links li {float: left;padding-right: 20px}
.avia_footer .avia_footer_save {float: left}
.avia_reset {display: none !important }
#avia_options_page { max-width: 3000px!important}
</style>';
}
add_action('admin_head', 'admin_head_mod');
however, the latest enfold versions now have a “Theme Reset All Options” button on the import/export tab – I already include this in the code as seen above.
Hey Vangone,
Thank you for the inquiry.
Yes, this should be possible. You can use the following script in the functions.php file, which should trigger or activate a sort button based on the value of the sort URL parameter.
// activates a sort button based on the sort query parameter
function ava_activate_sort_button()
{
if (NULL == $_GET["sort"]) {
return;
}
?>
<script>
(function($){
$(document).ready(function() {
<?php echo '$(".'. $_GET["sort"] .'_sort_button").trigger("click");'; ?>
});
})(jQuery);
</script>
<?php
}
add_action('wp_head', 'ava_activate_sort_button');
Example of the URL with the sort parameter.
https://kriesi.at/portfolio?sort=enfold
Visiting the above URL will trigger the category sort item named enfold.
Best regards,
Ismael
Hallo
ich habe
1. Ein Header mit Hintergrundbild darauf befindet sich ein Scroll down Link mit animierten Pfeil, den man ja super in Enfold einstellen kann. Aber nach die Breite unter 1024 px breite ist, springt der Pfeil aus dem Bild und geht immer weiter runter, um so kleiner der Bildschirm in der Breite wird. Bekomme es nicht hin das er wieder höher geht, also näher am Bild.
2. Habe ich einen Text und Button im Hintergrundbild, das ich so eingestellt habe das, wenn es unter 673 px ist, ausgeblendet ist und das sich eine neue Section einblendet, wo sich dann Text und Button befindet. Aber auch hier viel zu weiter Abstand nach oben, auch da bekomme ich es nicht mit CSS hin, dass es weiter oben steht.
Kann mir jemand helfen? Ich sitze schon Stunden daran und es klappt einfach nicht.
Hey Ryan,
I went to Enfold theme options > Advanced Styling and edited “Menu Item Button”.
Please review your website :)
Cheers!
Yigit
I’ve tried, they did suggest me added several lines of code into function.php but it didn’t work, I’ll chase again.
I found some more unusual behaviors:
If user hover at the category title, it does not shows the title name but shows strange code
Example page: http://dir81.otherfish.net/directory-dirtest2/categories/restaurant/
screenshot:
http://dir81.otherfish.net/wp-content/uploads/2022/08/dir-hover-category-title.png
and, the title should link to the category page it self, but it actually links to the first list of the category, in the case above: http://dir81.otherfish.net/directory-listing/329/
Also the WordPress default ‘Edit’ is not link to the category, but to the Edit of first list of the category, screenshot to explain: http://dir81.otherfish.net/wp-content/uploads/2022/08/dir-edit-button-category.png
If I switch to any other theme, it works fine, but when I using Enfold, it become conflict somehow….
Regards,
Vincent
Hi,
In Social Buttons element “use defaults” option was chosen so it displays the share buttons enabled in Enfold theme options > Blog Layout. They were not showing up because they were all disabled. I enabled some and that worked.
Please review your website :)
Best regards,
Yigit
Hi,
Thanks for the update. I’m still not sure where exactly you want to place them? You can check the documentation here: https://kriesi.at/documentation/enfold/social-share-buttons/. If you need to customise them more, then you can add them to a new page layout, then copy the shortcodes. You would have to enable debug mode in order to see and copy shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode
Best regards,
Rikard
Hi,
Thank you for the update.
We modified the avia_media.js, avia_media_advanced.js, avia_colorpicker.js and avia_advanced_form_elements.js files and replace all instances of the .live function with .on. These changes fixed the issue with the upload button but we cannot guarantee full functionality. Again, we recommend updating to Enfold or any themes with continuing support.
Best regards,
Ismael
Hello. I noticed this morning that the dialogue boxes are not loading when trying to add/change a button or button row or add a button shortcode to a text element. See browser error that kicks up after the dialogue box fails to load. I am running the most recent version of Enfold.
Any ideas?
POST https://sabr.org/wp-admin/admin-ajax.php 500 (Internal Server Error)
send @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.0.1:2
ajax @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.0.1:2
s.ajax.s.ajax @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.0.1:5
fetch_ajax_content @ avia-modal.js?ver=6.0.1-4.8:413
create_html @ avia-modal.js?ver=6.0.1-4.8:224
set_up @ avia-modal.js?ver=6.0.1-4.8:86
$.AviaModal @ avia-modal.js?ver=6.0.1-4.8:65
(anonymous) @ avia-builder.js?ver=6.0.1-4.8:463
dispatch @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.0.1:2
v.handle @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.0.1:2
Hey Ralf,
Thank you for the inquiry.
Are you referring to the buttons in the consent message bar? You can change the text of the buttons in the Enfold > Privacy & Cookies > Cookie Handling tab, look for the Buttons section. If this is not what you are looking for, please provide a screenshot using imgur, savvyify or dropbox.
Best regards,
Ismael
Hi,
Thanks for your feedback, but the product slider doesn’t show the “Buy Now” or “Show Options” buttons, please see our Shop Demo example.

To add a “Buy Now” button to the product slider you can try adding this code to the end of your functions.php file in Appearance ▸ Editor:
add_action( 'after_setup_theme', function() {
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 12 );
}, 999);

Best regards,
Mike
just put in the mainClass the enfold class: avia-popup
( mainClass: 'avia-popup mfp-fade', ) and to better select that popup maybe we put in an additonal class f.e.: people
function button_for_biography(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
(function($) {
$('#people').each(function(){
var that = this;
$('.flex_column', this).each(function(i){
if($(this).find('.mfp-hide').length){
$(this).find('.avia-button').attr('href','#bio-'+(i+1)).addClass('no-scroll');
$(this).find('.avia_image').attr('href','#bio-'+(i+1)).addClass('no-scroll');
$(this).find('.mfp-hide').attr('id','bio-'+(i+1)).addClass('white-popup');
}
});
});
$('#people .flex_column').find('.avia-button[href^="#bio-"]').magnificPopup({
type:'inline',
midClick: true,
removalDelay: 500,
mainClass: 'avia-popup mfp-fade people',
gallery: {
enabled:true,
},
});
$('#people .flex_column').find('.avia_image[href^="#bio-"]').magnificPopup({
type:'inline',
midClick: true,
removalDelay: 500,
mainClass: 'avia-popup mfp-fade people',
gallery: {
enabled:true,
},
});
})(jQuery);
});
</script>
<?php
}
add_action( 'wp_footer', 'button_for_biography');
now we can influence that close button “X” only for that popup (people) by:
div.avia-popup.people .mfp-close {
right: -5px;
top: -45px;
color: #fff;
}
I am using the default Enfold Theme named “Enfold Classic Theme” but want to use the boxes and button of https://kriesi.at/themes/enfold-law/. Is it possible?
Hey Sabine,
Please refer to the documentation here: https://kriesi.at/documentation/enfold/social-share-buttons/
Best regards,
Rikard
Just a moment – i see that the gallery will show by this code each lightbox twice
so i had to thing about that a while … and because maybe not all images on the page got hidden bios – i inserted if clauses:
function button_for_biography(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
(function($) {
$('#people').each(function(){
var that = this;
$('.flex_column', this).each(function(i){
if($(this).find('.mfp-hide').length){
$(this).find('.avia-button').attr('href','#bio-'+(i+1)).addClass('no-scroll');
$(this).find('.avia_image').attr('href','#bio-'+(i+1)).addClass('no-scroll');
$(this).find('.mfp-hide').attr('id','bio-'+(i+1)).addClass('white-popup');
}
});
});
$('#people .flex_column').find('.avia-button[href^="#bio-"]').magnificPopup({
type:'inline',
midClick: true,
removalDelay: 500,
mainClass: 'mfp-fade',
gallery: {
enabled:true,
},
});
$('#people .flex_column').find('.avia_image[href^="#bio-"]').magnificPopup({
type:'inline',
midClick: true,
removalDelay: 500,
mainClass: 'mfp-fade',
gallery: {
enabled:true,
},
});
})(jQuery);
});
</script>
<?php
}
add_action( 'wp_footer', 'button_for_biography');
PS: i see on your developer page that on click the lightbox opens and the background scrolls a bit.
so i inserted on those links the class: no-scroll to hamper that
don’t know why this makes the difference ;)
see all code and example page on : https://enfold.webers-webdesign.de/sky19er/
on my site – https://hardwoodbrothers.com/ – I have 4 buttons on my full width slider – I did this by adding 4 button shortcodes in the caption section
They look good on desktop but I want to make the size of the buttons on mobile much smaller
How do I go about doing this? the buttons are using the enfold large button class but I only want the size to change on this slider (not sitewide)
Hi,
Thank you for the inquiry.
You may need to install the following plugin in order to make the links of the buttons accessible in the video slide.
// https://github.com/KriesiMedia/enfold-library/tree/master/integration%20plugins/Enfold/Slider%20Video%20Controls%20Fix
Best regards,
Ismael
you want to have both functions ? toggle works and a button to open bios?
Or do you only want to have a button instead ( for the toggle container ) just put under your text-block a button. ( button link just #)
under that button put a text-block with the bio and give a custom-class to that text-block : mfp-hide
see here: https://enfold.webers-webdesign.de/sky19er/
If this is what you like to have?
PS: or use the image – or the h3 Name as lightbox trigger.
Hello, since the Enfold update the links of the 2 buttons in the Slide Show element no longer work when a video is embedded. If there is a background image in it, then it works. As soon as a background video is embedded, the links no longer work.
The link is there, but when you click on it, the link does not open.
I am trying to follow your document to create a custom element button – https://kriesi.at/documentation/enfold/custom-element-templates/
However, it is not working as expected. I created my button in the custom element section but when I drag the button on my page I do not see a red closed padlock left of the “Delete” icon as mentioned in your document. (so this means it is not a custom element although I dragged it from the custom element tab)
What am I doing wrong? Please assist
see login info below
Thanks in advance
Hi,
Thank you for your patience and the login to your site, so for the page linked below where you added the custom class roundbutton, I don’t find any css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field or in your child theme ▸ style.css.
It looks like you mostly add your custom css to the WordPress ▸ Customize ▸ Additional CSS field, which is good, but I don’t find the customization that Ismael recommended anywhere, so I assume that you have removed it. I see that instead of using custom css you are using the element Advanced ▸ Position ▸ Image Position, which is good.

but please note that this was for the desktop resolution only, for the other sizes the position is using the same desktop position:

so you will want to set each resolution size position option, for example for small screens (between 480px and 767px – eg: Tablet Portrait) I set it to top -40 & left -40

and now the position is better:

for the smallest screens you have the element hidden, so there is no need to set the position:

and for medium sized screens (between 768px and 989px – eg: Tablet Landscape) the current desktop position seems to work fine, so there is no need to set the position:

please clear your browser cache and check this page and if you find it working now please adjust your other pages accordingly.
Best regards,
Mike