Hi,
I just discovered that Masonry Gallery “Display Load More Button” is no longer working. I am not sure when it disappeared, but
I recently updated my Enfold theme to 4.9.2.1 on a child theme and the WP to 5.9.3.
Is anyone else seeing this problem?
One more question, is this button effectively a ‘lazy load’ option? If not, the option to load ‘all’ is a workaround for me. Currently, I have more than 24 photos, but 24 was my load limit.
Ref: PHP 7.4 & My SQL 5 if that is of any relevance.
Thanks in advance, E
Hi,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
@media only screen and (max-width: 480px) {
.woocommerce .login .button {
margin: 4px;
}}
Regards,
Yigit
transfering your codepen link to enfold buttons:
1) give a custom-class to your button: flip-button
2) this to the Label Input Field: <span class="back">Click!</span><span class="front">Read More</span>
( you can change the content to what you like to have as label for the button )
3) this to child-theme functions.php:
function set_data_attribute_for_flip_buttons(){
?>
<script type="text/javascript">
(function($) {
$(document).ready(function(){
$('.avia-button-wrap.flip-button').each( function() {
$(this).find('.avia-button').addClass('btn-flip');
var frontLabel = $(this).find('.front').html();
var backLabel = $(this).find('.back').html();
$(this).find('.avia-button').attr('data-front', frontLabel).attr('data-back', backLabel);
$(this).find('.label').css('display', 'none');
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'set_data_attribute_for_flip_buttons');
4) this to quick css:
body div .avia-button.btn-flip {
padding: 0px;
margin: 0px;
opacity: 1;
outline: 0;
color: #fff;
line-height: 40px !important;
position: relative;
text-align: center;
letter-spacing: 1px;
display: inline-block;
text-decoration: none;
font-family: "Open Sans";
text-transform: uppercase;
}
body div .avia-button.btn-flip:hover:after {
opacity: 1;
transform: translateY(0) rotateX(0);
}
body div .avia-button.btn-flip:hover:before {
opacity: 0;
transform: translateY(50%) rotateX(90deg);
}
body div .avia-button.btn-flip:after {
top: 0;
left: 0;
opacity: 0;
width: 100%;
color: #323237;
display: block;
transition: 0.5s;
position: absolute;
background: #adadaf;
content: attr(data-back);
transform: translateY(-50%) rotateX(90deg);
}
body div .avia-button.btn-flip:before {
top: 0;
left: 0;
opacity: 1;
color: #adadaf;
display: block;
padding: 0 ;
line-height: 40px;
transition: 0.5s;
position: relative;
background: #323237;
content: attr(data-front);
transform: translateY(0) rotateX(0);
}
In the backend “Default Cookie Behaviour” is set to “User can select and must opt out, all selected by default“. Since the latest update to Enfold 4.9.2.1 the “essential website cookies” sliders are no longer activated by defaults, only “other external services” are on by default.
So even if the config “User can select and must opt out, all selected by default” is activated, essential cookies are no longer selected by default, causing a click on accept without opting in first to only accept external services so visitors will get the consent dialog on each page load (until the may realize that they have to slide the buttons to yes).
Hi,
Thank you for the login, I see that your banners are added as custom widgets, but I notice that your child theme is not activated

please activate the child theme and import the parent theme settings.
Also note that any customizations in the parent theme functions.php will need to be moved to the child theme functions.php so they will not be lost on updates.
Sometimes, after importing the parent theme settings into the child theme and clearing your caching plugins, the site doesn’t show the style correctly, in this case go to the theme settings and see if the “save all settings” button is blue:

If so click it to save again and clear your caching plugins and check again.
If the button is not Blue, try adding a space in the Quick CSS, this will make the button blue so you can click to save again.
Otherwise, try disabling your caching plugin and clear your browser cache and check again.
Best regards,
Mike
Hi Sunny,
First of all, please register on the support forum. After that, then you can use this link to open a new thread, or click this button on the Enfold forum: https://imgur.com/a/AnoSPNb.
Best regards,
Rikard
Hey Jürgen,
Please see our documentation on adding Custom Social Icons.
Best regards,
Mike
Hey slsmart,
Thank you for the inquiry.
The content of the loaded items contain a lot of line breaks or br tags for some reason and the shaking is due to the load more button, which has been fixed in later versions of the theme. The site is currently using a very old one. Please update the theme from version 4.7.4 to the latest version 4.9.2.1, and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.
Best regards,
Ismael
This reply has been marked as private.
Hi,
In re-reading your feedback above you say that you can’t select more than 50 images at a time, so perhaps you didn’t know that you can change this number to 999 by changing the view media library to “line details” and clicking the Screen Options button (top right) and changing the number of items per page to 999

Originally I had thought that your issue was that you were deleting so many images at once that your media library was taking a long time to process, unfortunately for this we can not change how the WordPress media library performs.
To overcome the weak media library management options we do need to suggest additional plugins because that is what they were created for, for example, to remove all of the files not used on your website many recommend Media Cleaner, you can read this article here.
The media library is a core WordPress function and themes such as Enfold build on top of the core functions, but we don’t replace them. Typically plugins enhance core functions, I hope this makes sense and helps.
Best regards,
Mike
hi there,
we in germany have nothing better to do….
some idiots decided to change the dataprotection law again. since january 2022 its no more allowed to use google-fonts.
im so happy that i use enfold. because i always had the chance to pick manually uploaded fonts.
BUT
Kreatura (Layerslider) said, “wait boy, not that quick. we want you to rebuilt ALL your Sliders” ;-)
Usually its possible to change the google-fonts in single text-layers to the manually uploaded fonts. but somehow the image-layers, button or videolayers still load the google fonts. and its no way to edit it. the only way is to create the layer completly new!
usually i would say to myself: “do not complain, just change it. its just one layslider.”
but i have more then 200 Pages with enfold. 80 % are with layslider and with more then one Slide and / or more Images :-)
mabe someone knows a better solution to get rid of google fonts in image,-video-, or button-layers.
below logindetails and more details:
i set up 3 testpages with 3 different layerslider. i explained it with screenshots too.
sorry for my english (i am a german dude ^^)
Hey there NIXHALBES,
and hi to Kriesi Support,
what I forgot to add in the hurry is: The above script works in many environments, but it does not work, when you have Borlabs Cookie in use. Tested with latest version of all. With the approach given by NIXHALBES, the page will throw a JS error. In particular at the following situations:
- Clicking on “accept all” (or whatever the wording is on the accept-all-button) in the Borlabs Cookie Popup
- Accepting 1 or more options aside of “essential cookies” and clicking on “save” in the Borlabs Cookie Popup
Generally it would be much appreciated (at least I think some to many will do so), if Enfold would have an option in the theme settings, to toggle whether Google Maps font loading shall be allowed or dis-allowed.
Happy weekend to all.
-
This reply was modified 4 years ago by
mailworm.
Hey So Evolve,
Thank you for the inquiry.
1.) We cannot reproduce the issue on our end. The video fades in smoothly and plays continuously without glitching.
2.) The theme will automatically assign the highlight color to the menu buttons but you can adjust them with css if necessary. This css code for example will change the color of the “Listen Now” button or the menu item with the ID 874.
#top #wrap_all .header_color #menu-item-874 > a .avia-menu-text {
background-color: red;
color: blue;
border-color: black;
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
Ismael
1) On one of our client’s websites using Enfold, we are having issues with playing the homepage video. When you load the page, the video does not show immediately, and there is a pause with glitches in the playing of the video.
2) Can we use multiple colors on the Menu Button Option? Is this an option? (see menu buttons “Listen Now” & “Members Login”) Can we use different colors for each button or do they need to be the same? Options if any to use multiple colors.
**See URL in Private Content area
-
This topic was modified 4 years ago by
So Evolve.
Hey virtualbis,
Thanks for your question, we don’t have an “app” looking demo, perhaps the Knowledgebase Demo would be the closest with large elements and buttons, but woocommerce will not carry this same look as it has it’s own layout.
I have not looked for this in other plugins so I’m not sure if it is available, I imagine your best option would be to create a mockup of what you are looking for and then try to create this with the available elements.
Best regards,
Mike
UPDATE:
I found a way to schedule a WordPress/Enfold Post and have the scheduled YouTube video (Private to Public) fully display. As as you can read above this process was NOT working with the Enfold Video Element (e.g. video was not displaying. If I clicked on the link within the black screen or copy the URL and paste it into another window the video would play as expected).
How did I get it the scheduled Post to work with embedding a scheduled YouTube video (Private to Public)?
1. I used the “EmbedPlus for YouTube Plug-in“.
2. Schedule the YouTube video to go Public first (e.g. 12:00AM) and then schedule your Post to go live at say 12:10AM.
2. Within the Post, I created a Text Box, clicked on the “YouTube” button next to “Add Media”, and selected the “Embed a single video” option. It looks like this: [embedyt] https://www.youtube.com/watch?v=[VIDEO_ID] [/embedyt]
3. Note: When I created this Post, the Plug-in will not allow you to complete this step with a “Private” video. So, you include a video that you know is Public. Then you use that shortcode in your scheduled Post and add the VIDEO_ID for the video you want displayed, which is Private at the time.
4. When the scheduled video & post go live, the video is displayed within the Post as expected.
Special thanks to @Guenni007 for recommending this wonderful plug-in.
Hope this helps others. Feel free to close this topic.
Best Regards,
Julio
Hello,
I have a project where my website’s mobile version needs to have an app feel, like with icons on the bottom & a lot of interactivity with buttons. I would like to use Enfold but don’t really see mobile versions in the demo. Any advice or possible plugins that would compliment Enfold? I will be using Woocommerce with it as well.
Hi Alwin,
Please do the following.
1. Go to Enfold > Theme Options > Select Your Editor, set to Use WP Classic Editor
2. Create a new post (no need to save or add title)
3. Click on the magic wand icon and select Content Elements > Button. Here’s a screenshot
4. Once you have made the button and click save, it should generate some shortcode, copy this shortcode and add to your widgets.
Hope this helps.
Best regards,
Nikko
Hey tremblayly,
Please try adding this CSS code in Enfold > General Styling > Quick CSS:
#ppc-button {
float: left;
margin-top: 12px;
text-align: left;
width: 100%;
}
#top #ppc-button .paypal-buttons-context-iframe {
max-width: 250px;
}
Best regards,
Nikko
This reply has been marked as private.
Hey Giorgio,
Where exactly do you need to add that code?
You can start a new thread by following this link to open a new thread. Or click this button on the Enfold support forum: https://imgur.com/a/AnoSPNb
Best regards,
Rikard
Hey dweddell,
Thank you for the inquiry.
Since the phone number and the free trial button is part of the menu container, there is no other way to center align the rest of the menu items aside from adjusting the margin between the very last menu item and the phone number. One workaround is to move the phone number and free trial button in a separate container or add them as widget. You can then adjust the style of this widget container separately. The following documentation should help.
// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
If you don’t want to use the widget, you can try this css code but you might still have to adjust the position of the phone number and the button on different screen sizes.
@media only screen and (min-width: 990px) {
/* Add your Desktop Styles here */
.responsive #top .main_menu {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.responsive #top .av-main-nav-wrap {
float: left;
position: relative;
z-index: 3;
left: 50%;
transform: translateX(-50%);
}
.responsive #top #header #menu-item-67 {
position: absolute;
right: -400px;
}
.responsive #top #header #menu-item-114 {
position: absolute;
right: -200px;
}
}
Make sure to temporarily remove the previous css code after adding the above css.
Best regards,
Ismael
Hi Chad Milburn,
Thanks for contacting us!
Please do the following but 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/
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.
Hope this helps.
Best regards,
Nikko
Hi,
In the advanced styling settings of the Enfold theme I have the ability to adjust the “buttons”. I have made changes there affecting the border radius and padding. I noticed that these settings also impact the styling of the previous and next buttons on the easy slider (not in a good way though).
Which quick CSS can ensure that the easy slider navigation buttons simply remain in the standard style? I’ll plot a link to an example in the private content section.
Thanks and regards
Hey coldstreamer,
Thank you for using Enfold – and thank you for reporting this.
We will correct it for the next release but it has no negative effect because av-builder-button-disabled is nowhere used.
So there is no possible conflict or malfunction.
Best regards,
Günter
I don’t know if this is the right place to post this, but I downloaded the Enfold Hotel Demo theme and was playing with css stuff when I stumbled across this section in the avia-builder.css file: (enfold/config-templatebuilder/avia-template-builder/assets/css)
#poststuff .av-builer-button-disabled{
box-shadow: none;
background-color: #CCC;
border-color: #AAA;
cursor:default;
text-shadow:none;
}
It should read #poststuff .av-builder-button-disabled{ …
This typo also exists in enfold/config-woocommerce/config-356.php and enfold/config-woocommerce/config.php
load more button of the Masonry can’t work
ENFOLD 4.8.9
WordPress 5.7.3 ( & TRY WITH WordPress 5.9.2)
Please help me.
Hey Jason,
Please add this CSS code in Enfold > General Styling > Quick CSS:
#top .avia_cart_buttons {
opacity: 1;
}
Best regards,
Nikko
Hi all!
So, within the Enfold settings, there are various styling options for type. In WooCommerce, many of those come across for different elements, which is generally a good this. But, in my case, I am running into an issue with the Add to Cart, Select Options buttons, found on a product grid. I have tried to affect the link colors manually, but cannot seem to get the default link color to be super light gray. I tried messing with the Product Gallery options, but they did not yield and positive results. Currently, I have it on Default Enfold Product Gallery.
Am I missing a super easy selector for grabbing hold of the link attributes? If so, can you please point it out to me and I will take the bow of css shame back to the code?
Thanks for any help!
-jason
gbParticipant
Hi,
I have imported an Enfold demo that I am shaping to my needs. I can not figure out how to remove the “Learn More and Get In Touch” buttons that are at the top of the home page.
Here is a link for reference:
Any help appreciated!
GB