Hey maartenrobben,
Please go to Enfold Theme Options > Transparency Options you might need to click the button to show the options:

Best regards,
Mike
Good morning,
I am having a problem with the articles on my site with Enfold Child,
When I share a post with the Facebook share button,
on the article:
https://kerry-han.fr/sonotherapie-et-entreprises-pour-les- Personnes-reaches-du-cancer/
The image is displayed in preparation for publication, but disappears once published.
Do you have a solution to fix this problem?
Sincerely.
Pour les français :
Bonjour à tous,
Je me permet aujourd’hui de créer un ticket car cela fait déjà un moment que j’ai finaliser la publication du site web d’un de mes clients et depuis, mon client à eu besoin de partager sur son compte Facebook un de ses articles grâce aux boutons de partages que j’ai intégré au site web. Cela fonctionnait correctement depuis quelques mois et depuis aujourd’hui, quand je partage via n’importe quel compte Facebook l’article en question, une image blanche s’affiche à la place de l’image intégrée à l’article partagé.
Quelq’un pourrait m’aider ou me donner une piste s’il vous plaît ?
Merci.
For English people :
Hello everyone,
I now allow myself to create a ticket because it has been a while since I finished publishing the website of one of my clients and since then, my client needed to share on his Facebook account one of his articles thanks to the sharing buttons that I integrated into the website. It worked properly for a few months and since today, when I share via any Facebook account the article in question, a white image is displayed instead of the image integrated into the shared article.
Can someone help me or give me a clue please?
Thank you.
Dear Rikard
i have now the child-theme moved in other folder. Without folder themes…
Now is main theme enfold…
Now can’t also in enfold come in the settings …. Blank page without setting options….
The main enfold is in this morning to the newest version updated….
What is here happened??
Can you help me fast?
I move my child theme back in themes folder. Than is my site style back… But without cookie buttons and settings options…
arrrrrgggg.
Regards strumpel
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.single-product .avia-buttonrow-wrap a {
width: 49% !important;
}
Best regards,
Rikard
Hi,
I removed the previse solution and edited your archive.php & tag.php and replaced this on line 63:
'custom_query'=> array('post__in' => $post_ids,'post_type' => get_post_types())
with this:
'custom_query' => array( 'post__in'=>$post_ids),'contents' => 'excerpt_read_more',);
for this result:

if you don’t like the button, change your blog style at Enfold Theme Options ▸ Blog Layout ▸ Blog Styling

For your tag.php I replaced line 117:
'custom_query' => array('post__in' => $post_ids,'post_type' => $key));
with:
'custom_query' => array( 'post__in'=>$post_ids, 'post_type'=> $key ),'contents' => 'excerpt_read_more',);

Please note that since you are not using a Child Theme these customizations will be lost when you update next. So it is best if you copy these files to your child theme after you install it.
Best regards,
Mike
Dear Kriesi team,
I’ve got the following problem: I created a website using the Enfold Theme and a sidebar menu. There, I set some menu items as mega menu.
Now my problem is that on low resolution dispays I won’t see the whole menu as some menu items are shown below the screen’s edge. I want the menu to be sticky, but the menu items to be shown facing upwards from the menu button and not downwards. Is there a possibility to do so?
Thanks in advance!
Dear Enfold Team,
I created a color section with a full-screen (stretched to fit) background image (or Video).
The first background section displays correctly. But when I press the scroll down arrow the next section seems to be added to the (reduced) header and the down arrow is hiding below.
So the ‘next’ scroll down arrow key is not visible, only when you mouse-wheel down. Could you please help out, so we can see the scroll button on #av_section_2 / #av_section_3 / etc. ?
To get a better idea I attach the page and also give you access to the page.
Thanks,
Stefan
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
a.all_sort_button, .editorial-design_sort_sep {
display: none;
}
Best regards,
Rikard
Dear Enfold Team
I would love to have 3 icon elements in one row on mobile, instead of having them aligned vertically i would love to have them horizontally basically.
Also, i would love to have the width of that row to be the same more or less as the buttons on top. I will attach a screenshot of how it should look.
It’s the first element on mobile layout (home).
View post on imgur.com
Thank you so much for providing me any sort of help. I just renewed my support licence, thanks!
Cheers from Switzerland
Miro
Hi Mike,
Oh, this really helped now. Allowing cookies on Safari for iPhone and all the mentioned features are visible. Please accept my apologies, it seems I may have blocked cookies in the recent past and forgot about that. Appreciated.
On my desktop PC I am working with different browsers like Firefox, Opera, Microsoft Edge preferably in private mode. And since the last two updates the mentioned features are not working anymore on Firefox. So this is still not clear to me although I allow Firefox to set cookies.
So here’s the update:
Enfold Cookie-Disclaimer does not work on Firefox
Scroll to top button does not work on Firefox
Plugin Portfolio Filter Gallery does not work on Firefox
Plugin NextGEN Gallery does not work on Firefox
Many thanks & all the best!
Matthias
Hi,
Ok, I thought that you wrote:
This is what I found:
Enfold Cookie-Disclaimer does not work on Firefox and Safari
Scroll to top button does not work on Firefox and Safari
Plugin Portfolio Filter Gallery does not work on Firefox and Safari
Plugin NextGEN Gallery does not work on Firefox and Safari
Menue does not work on Safari
But when I check I don’t see an issue with these.
But note that Safari has changed their AD block settings to now block FB and other items, so you would need to manually disable this.
Also note that you typically need to accept the cookie settings for some elements to work like the NextGEN Gallery.
Best regards,
Mike
Hi,
Please try adding the following code to the Quick CSS field in the Enfold theme options > General Styling > Quick CSS:
#top .avia-fold-unfold-section .av-fold-unfold-container.folded::after {
z-index: -1;
}
#top .avia-fold-unfold-section .av-fold-button-wrapper {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, white));
padding-top: 20vh;
margin-top: -20vh;
}
If you’d like to see this implemented in Enfold, please feel free to request it at https://github.com/KriesiMedia/Enfold-Feature-Requests.
Regards,
Yigit
Hi,
Since a while there are some functions that do not work both on Firefox (Windows 10) and Safari (iPhone) that worked perfectly with previous versions. It seems this is visible since the latest two updates on Enfold.
This is what I found:
Enfold Cookie-Disclaimer does not work on Firefox and Safari
Scroll to top button does not work on Firefox and Safari
Plugin Portfolio Filter Gallery does not work on Firefox and Safari
Plugin NextGEN Gallery does not work on Firefox and Safari
Menue does not work on Safari
Any ideas, how to fix this?
Many thanks & all the best!
-
This topic was modified 1 year, 3 months ago by
MatthSp.
-
This topic was modified 1 year, 3 months ago by
MatthSp.
-
This topic was modified 1 year, 3 months ago by
MatthSp.
Wow, that worked beautifully. :-) With the stretched background image and a few regular animated buttons from the Enfold theme I was able to recreate the overall feel and animation of my previous LayerSlider. My website: https://wta.nl/
With LayerSlider my score on PageSpeed Insights was 54 (mobile), even after taking most performance measures I could think of. Without LayerSlider, so with my new setup with the stretched bg image and animated buttons, my score went up to 74 (mobile) instantly. And when I also deactivated LayerSlider in the Enfold Layout Builder (but leave plugin files), my score even went up to 83 for a moment, and later around 76. But still, a great improvement. And I even imported an additional Google Font! Amazing.
I don’t know yet what it does for my Google ranking, because page ranking is my next step to discover, but in any case my page speed won’t hurt it too much anymore. So thanks for the help @Ismael
On my homepage https://wta.nl/ I have a full width slider, made with Advanced Layerslider. It looks great, but the Kb size of it hurts my pagespeed score. Because it’s a very simple slider I want to replace the slider by a color section with a background image that looks almost the samen and stretches full width. But despite reading every topic on it on this forum, I can’t get it to work. The background image I want to use is the same as the one in my current slider. But when I apply it as a background in the color section it doesn’t stretch to fit full width. The image is 1783 x 534 px.
What I’ve tried:
– Gave the color section a Custom ID Attribute, like it says in your Enfold Documentation: https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width and pasted the code in Quick CSS. When applying a background color the color section is full width. But applying my background image doesn’t stretch full width.
/* Color section container width */
#section-container-width .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}
– After that I tried to apply my background image as an image, and used the following code found in this topic: https://kriesi.at/support/topic/full-width-images-on-a-page/#post-711522. That didn’t work either.
.avia-image-container avia-image-container-inner, .avia-image-container avia-image-container-inner img {
width: 100%;
}
– I finally found this recent topic https://kriesi.at/support/topic/full-screen-image-with-text-overlay/#post-1466589https://kriesi.at/support/topic/full-screen-image-with-text-overlay/#post-1466589 where moderator @Ismael says: try setting the Styling > Background Image > Background Repeat option to the fifth option (Stretch to Fit). But I don’t see that option in my Enfold Layout Builder. I even saw more posts on this forum where users got this Background Repeat advice. Why can’t I see this option?
So I’m pretty confused right now. It seems so simple to recreate my current slider with a static background image and placing a few buttons in it. But I really don’t know how to do it. Please help.
By the way: I’ve deleted all my previous attempts with the color section and Quick CSS, so my current page is again with only the current slider.
-
This topic was modified 1 year, 4 months ago by
paulw185.
-
This topic was modified 1 year, 4 months ago by
paulw185.
-
This topic was modified 1 year, 4 months ago by
paulw185.
it is a bit different to all others. – so maybe it would be better to have:
#top #wrap_all .av-social-link-twitter a:focus,
#top #wrap_all .av-social-link-twitter:hover a {
color: #fff;
background-color: #000;
}
This seems to be in line with twitter’s corporate design – and is also similar to the behaviour of all other share links on enfold.
be carefull if you install that child-theme on an existing installation!
Enfold has on Import/Export Options : “Import Settings From Your Parent Theme”. Button –
This generally works smoothly. The child theme then initially adopts the settings of the parent theme – including the quick css settings.
But link above to docu can tell you more detailed
By the way: you do not need to edit this by ftp.
Mostly there is the opportunity to edit the child-theme functions.php via Dashboard:
Dashboard – Appearance – theme file editor ( right side click f.e. on functions.php)

______________________________
after that for that test page of mine i have in quick css:
.avia_mega_div.avia_mega7 {
right: calc(-100vw) !important;
width: 95vw;
}
#top .avia_mega_div > .sub-menu {
display: grid !important;
margin:0;
gap: 20px 0px;
grid-auto-flow:row;
grid-template-columns: repeat(7, 1fr); /*** that means 7 grid-cells with each 1 fraction (same size) ***/
}
#top #header .avia_mega_div > .sub-menu > li {
display: block !important;
width: unset;
position: relative;
}
#top #header .avia_mega_div {
max-width: 100vw; /*** if it is neccessary ***/
}
@media only screen and (min-width: 990px) and (max-width: 1199px) {
#top #header .avia_mega_div > .sub-menu {
grid-template-columns:repeat(4, 1fr);
}
#header .avia_mega_div {
overflow-y: scroll; /*** needed - if your mega-div height is too large for your device ***/
max-height: calc(100vh - 200px); /*** depends on your header height ***/
}
}
Hey Peter,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .avia-slideshow-button {
text-transform: none;
}
Best regards,
Mike
Hi Enfold team, sometimes I’m struggling with the backend editor to achieve something.
I’m trying to achieve an image with overlapping content field (with white background) which contains a title, text and button. insofar my attemps have been very unsuccesfull. It doesnt seem very complicated to me, so I’m hoping you have a concrete advice on how to achieve this. sometimes this will be in columns, sometimes ‘stand alone’

Hi Team Kriesi,
Images are often not showing when my site is opened in Chrome. When this happens, the images will often come in after 1-4 refreshes. Errors like this are showing up:
Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
Failed to load resource: net::ERR_CONNECTION_RESET
I’m having a very similar issue what’s described in this previous thread, but I don’t have the Lazy Load or Really Simple SSL plugins installed so I’m not sure what to try to solve this issue: https://kriesi.at/support/topic/major-problem-in-google-chrome/
Besides the default plugins, I have WP Accessibility and Sticky Buttons installed. I’m using enfold 6.6.2.
Thanks for any help!
Hi,
Thank you for the screenshots.
You can use this css code to adjust the style of the product buttons in the shop page.
#top .main_color .avia_cart_buttons .button {
color: white;
}
#top .main_color .avia_cart_buttons {
background: rgb(195, 26, 57);
}
If you’d like to adjust the initial opacity of the buttons, please add the following css code:
.avia_cart_buttons {
opacity: 0.8;
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modifications.
Best regards,
Ismael
Yeah, this bug started to occur some time ago. If you want to create a new page to test the issue you can just create a copy of any page (e.g home page), then delete every element from the copied page and now you have a blank page, thats how i usually do it. The fold/unfold option is used in the “program” section of for-startups page.
Thanks
EDIT: I updated enfold and now the button to enable layout builder is there agaijn
-
This reply was modified 1 year, 4 months ago by
Konrad.
I’m having a very similar issue to ENVJF, but I don’t have the Lazy Load or Really Simple SSL plugins installed so I’m not sure what to try to solve this issue.
Besides the default plugins, I have One Click Accessibility and Sticky Buttons installed. I’m using enfold 6.6.2.
Thanks for any help!
Hello everyone,
We are currently testing Enfold with Woocommerce and have encountered a problem with the buttons.
We would like the buttons on the website to look uniform (color, font, etc.).
Unfortunately, I can’t find a solution for this use case in the documentation.
Is there a kind of global style that can be defined?
The buttons on the store page look completely different from those on the product page itself. The entire styling here is “wrong” or Enfold Standard as it seems.
Here it also looks to me that there are two buttons.
“To product” and ‘Show details’.
There should only be one standard button here.
Thank you for your help.
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.mailerlite-subscribe-button-container .mailerlite-subscribe-submit {
background-color: red;
padding: 20px;
color: white;
}
Best regards,
Rikard
Hi Rikard,
I’d like to change background colour, font colour, shape, border etc.
More like a standard Enfold button, something like the button at the bottom of the test page.
I can edit the exact details of the CSS but I’m having trouble getting the CSS to work i.e. anything I add isn’t being picked up by the code.
Thanks,
Rosa
Hi Thank you for your response.
i implemented it that way:
/**
* Barrierfree Menu Close with ESC Key
* - enhance Enfold menu keyboard usabillity
* @see https://kriesi.at/support/topic/menu-focus-trap-accessibility-keyboard-usage-improvement
*/
enfold_menu_close_by_key = function(){
var options = {
key_code: 27, // ESC
classNames:{
active: 'is-active',
container_active: 'av-burger-overlay-active',
container_active_delayed: 'av-burger-overlay-active-delayed',
},
selectors: {
trigger: '.av-hamburger',
container: 'html',
overlay: '.av-burger-overlay',
}
},
trigger = document.querySelector(options.selectors.trigger),
container,
overlay,
menu_close = function(){
var classNames = options.classNames;
if ( trigger.classList.contains(classNames.active) ) {
trigger.classList.remove(classNames.active);
container.classList.remove(classNames.container_active);
container.classList.remove(classNames.container_active_delayed);
overlay.style.display = 'none';
overlay.style.opacity = 0;
}
};
if ( trigger instanceof HTMLElement ) { // if an overlay is used
document.addEventListener('keydown', function(event){
if ( event.keyCode === options.key_code ) {
// get elements only once
if ( typeof container === 'undefined' ) {
container = document.querySelector(options.selectors.container);
}
if ( typeof overlay === 'undefined' ) {
overlay = document.querySelector(options.selectors.overlay);
}
// close the menu
menu_close();
}
});
}
},
enfold_menu_close_by_key();
While it works fine i seem to need some text-hint near the close button.
Anyway i hoped you will consider it for an update, so i will work on my own solution.
-
This reply was modified 1 year, 4 months ago by
tom.
I have no idea what changes were made, all of a sudden I can’t access advanced layout editor on my new pages. I can confirm all of the toggles are off in Enfold > Layout Editor so that wasn’t messed with.
-
This topic was modified 1 year, 4 months ago by
Mike.
This reply has been marked as private.