Forum Replies Created
-
AuthorPosts
-
Hey Valerie,
Try this CSS in your Enfold > Quick CSS:.inner_sidebar .widget_media_image { text-align: center; }After adding, clear your browser cache and check.
Best regards,
MikeHey limedrop,
See this post and change the page IDs and logo URLs to suit.Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey BlewWeb,
You could download the icon here and upload it to your Enfold Theme Options ▸ Import/Export ▸ SVG Iconset and Iconfont Manager
Then add this snippet to your child theme function.php file or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.function avia_add_custom_icon($icons) { $icons['bluesky'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['BlueSky'] = 'bluesky'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args){ $bluesky = array('bluesky' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://bluesky.com/", 'label' => __("Share on BlueSky",'avia_framework'))); $args = array_merge($bluesky, $args); return $args; }Then add this css to your Enfold Theme Options ▸ Quick CSS
#top #wrap_all .av-social-link-bluesky:hover a { color: #fff; background-color: #1185FE; }Then choose the icon in your Enfold Theme Options ▸ Your Social Profiles
You can also vote for this feature here.Best regards,
MikeHey mnydish,
Your css above sets the font size to 60px, to adjust this for mobile, try adding this css:@media only screen and (max-width: 767px) { .avia-content-slider .slide-entry-title { font-size: 40px; } }adjust to suit, after applying the css, clear your browser cache.
Best regards,
MikeSeptember 20, 2025 at 8:15 pm in reply to: Elements not loadng on page load – mobile devices #1489421Hi,
We will leave this open to hear back from you, let us know if disabling WP Rocket solves.
WP Rocket is monitoring the user interaction, so you can’t exclude it.
WP Rocket use to have a doc on their site that listed different themes and the recommended exclusions for them, including Enfold, but my link to it doesn’t work anymore and I can’t find where they moved it to. Nonetheless the first step is to isolate the error, if disabling WP Rocket doen’t help, perhaps your CDN is contributing to this?Best regards,
MikeSeptember 19, 2025 at 3:35 am in reply to: ‘How to make it possible for a user to edit a cetrain page or post? #1489379Hey oburlin,
To do this you would need to add the person as a new user to your site, if they are going to edit a page or post that you created, they need to have the role of “Editor”, please be careful and make sure that you trust them as they could change your whole site. If you want them to only edit pages or posts that they create, they would have the role of “Author”.
Please read this for more info: https://learn.wordpress.org/lesson-plan/user-management/Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the login, it looks like I made an error when I pasted the code above from my test site, I updated your site and the snippet above and it’s now working. Please check. Sorry for the confusion.Best regards,
MikeSeptember 18, 2025 at 11:28 am in reply to: Elements not loadng on page load – mobile devices #1489352Hi,
You could try that, but typically lazyload waits for user interaction before loading the content / element, this may not be desirable on some devices like iPhone, but give it a try.Best regards,
MikeHi,
I could not login, seems the password is not correct please check. It looks like you have a comma after the last image URL:

please remove, the last image URL should not end with a comma, like the example code above:

If this doesn’t help, please update the password so we can check.Best regards,
MikeSeptember 18, 2025 at 4:28 am in reply to: Elements not loadng on page load – mobile devices #1489332Hey Swarez,
This looks like a result from WP Rocket lazy load, first try disabling WP Rocket lazy load, then clear your CDN cache, this may take a couple of hours, and then check.
If that doesn’t help try disabling WP Rocket completely, then clear your CDN cache, this may take a couple of hours, and then check.Best regards,
MikeHi,
Glad to hear that this works. To change the background image in a color section like a slideshow, add a custom class “color-section-slideshow” to your color section in the Advanced ▸ Developer Settings ▸ Custom CSS Class (no dot)
Then add this snippet in your child theme functions.phpfunction color_section_slideshow() { ?> <script> document.addEventListener("DOMContentLoaded", function () { // Target your color section const section = document.querySelector(".color-section-slideshow"); if (!section) { console.warn("No element found with selector .color-section-slideshow"); return; } // List of background images const images = [ "/wp-content/uploads/path-to-image1.jpg", "/wp-content/uploads/path-to-image2.jpg", "/wp-content/uploads/path-to-image3.jpg", ]; if (!images || images.length === 0) { console.warn("No images provided for slideshow"); return; } let current = 0; const delay = 3000; // ms between slides const transitionDuration = 1000; // ms for transition const effect = "fade"; // "fade" or "slide" section.style.position = section.style.position || "relative"; section.style.overflow = "hidden"; section.style.backgroundImage =url(${images[0]}); section.style.backgroundSize = "cover"; section.style.backgroundPosition = "center center"; images.forEach((src) => { const img = new Image(); img.src = src; }); const overlay = document.createElement("div"); overlay.style.position = "absolute"; overlay.style.top = "0"; overlay.style.left = "0"; overlay.style.width = "100%"; overlay.style.height = "100%"; overlay.style.backgroundSize = "cover"; overlay.style.backgroundPosition = "center center"; overlay.style.zIndex = "0"; overlay.style.pointerEvents = "none"; overlay.style.opacity = "0"; overlay.style.transition =opacity ${transitionDuration}ms ease-in-out, transform ${transitionDuration}ms ease-in-out; section.appendChild(overlay); function showNextImage() { current = (current + 1) % images.length; overlay.style.backgroundImage =url(${images[current]}); if (effect === "fade") { overlay.style.transform = "none"; overlay.style.opacity = "1"; setTimeout(() => { section.style.backgroundImage =url(${images[current]}); overlay.style.opacity = "0"; }, transitionDuration); } else if (effect === "slide") { overlay.style.transition = "none"; overlay.style.transform = "translateX(100%)"; overlay.style.opacity = "1"; overlay.offsetHeight; overlay.style.transition =transform ${transitionDuration}ms ease-in-out; overlay.style.transform = "translateX(0)"; setTimeout(() => { section.style.backgroundImage =url(${images[current]}); overlay.style.transition = "none"; overlay.style.opacity = "0"; overlay.style.transform = "translateX(100%)"; setTimeout(() => { overlay.style.transition =opacity ${transitionDuration}ms ease-in-out, transform ${transitionDuration}ms ease-in-out; }, 20); }, transitionDuration); } } const intervalId = setInterval(showNextImage, delay); }); </script> <?php } add_action( 'wp_footer', 'color_section_slideshow', 99 );Change the images in the snippet to suit and change const effect = “slide”; to “fade” or “slide” as you wish.
Best regards,
Mike-
This reply was modified 3 months, 2 weeks ago by
Mike. Reason: corrected snippet
Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Erik Scheper,
Thanks for your interest in Enfold, the site that you linked to has been built with the latest Enfold version, and the contact 7 plugin and the mailerlite signup form plugin. So you could build a similar site and change the images & content. But this has not been built with one of our demos, so you may need to do some trial and error to choose the correct elements and settings to copy it exactly.
A easier route would be to install one of our demos and then change the images and content, check them out and see if you like one of them.
All of the demos are included, but note that you can only install one at a time, as each new install overwrites the earlier one.
We have no Pro version, so there is no need to purchase additional elements from us, you may choose to use free or paid plugins to enhance your site, such as, we don’t have a calendar for making appointments, so you may find a free plugin or prefer a paid plugin with more options.
You will also get 6 months of support in our support forum included, but I recommend upgrading to a full year for just a little more, it is the only time you can get such a good value.

Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeSeptember 14, 2025 at 10:09 pm in reply to: Margins for masonry grid loading delay on mobile #1489230Hi,
Thanks for your patience, the reason this is occuring is becuse you have a script adding the read more links:(function($){ $(window).on('av-height-change', function() { $('.av-masonry:not([class*="-gallery"]) .av-masonry-entry').each(function() { var more = $(this).find('.av-masonry-read-more'); var cont = $(this).find('.av-masonry-entry-content'); if( more.length == 1 ) return; cont.append('<div class="av-masonry-read-more">Lees meer ></div>'); }); }); })(jQuery);they are added after the page load and the masonry has set the abosulte item heights, which is used in the grid placement, thus the 36px height of the read more offsets the 30px margin bottom, so you have no space. This is also occuring on the desktop version, there you have set a 70px bottom margin, but after the read more is added the space looks about 30px, you probly didn’t notice.
So the solution is to change your custom css for mobile frommargin-bottom: 30px !important;tomargin-bottom: 70px !important;Best regards,
MikeHey Andrei Zborovski,
You can login to your Envato Market (Theme Forest) account and see your purchases and download your theme.
Perhaps you have not received the email yet because Envato has not processed it yet, the message above says it is pending, or perhaps it is in your spam folder.
Try following up with Envato Support
Do to our exclusive license agreement with Envato, we can not create or issue licenses or send files.Best regards,
MikeHi,
I see that your snippet plugin doesn’t allow JS or CSS snippets, I recommend the WP Code plugin as it is not limited.
Typically, I post snippets in a PHP function, but since you had posted just the JS earlier I thought you were using a plugin that allows JS, I updated your snippet for PHP:function random_content_slider_script() { ?> <script> document.addEventListener("DOMContentLoaded", function () { var rows = document.querySelectorAll(".avia-content-slider-inner"); rows.forEach(function (row) { var testimonials = Array.from(row.querySelectorAll(".slide-entry-wrap")); if (testimonials.length <= 1) return; for (let i = testimonials.length - 1; i > 0; i--) { let j = Math.floor(Math.random() * (i + 1)); [testimonials[i], testimonials[j]] = [testimonials[j], testimonials[i]]; } testimonials.forEach(function (t) { row.appendChild(t); }); }); }); </script> <?php } add_action( 'wp_footer', 'random_content_slider_script', 99 );Now it works.
Best regards,
MikeSeptember 14, 2025 at 1:09 pm in reply to: Assistance Needed: Updating Enfold from Version 4.8.6 #1489225Hi,
Typically updating from v4.x to v7.x should cause no major issues as the theme is backward compatible, but if your child theme has any customized elements, or a header.php or footer.php, these will cause issues, and should be removed first.
Updating via FTP by overwriting the theme files will also cause issues as older files will be left behind, updating by uploading the theme as “new” in the WP backend is safer as WordPress removes the old directory and then adds the new directory.
I have not seen an issue where an update lead to the shortcodes showing (e.g. [av_textblock]), do you see the shortcodes on the frontend or in the backend in the Block Editor? Pages & Posts created with the ALB (Advanced Layout Builder) should not be opened, edited, or saved with the Block Editor, always edit ALB pages with the ALB editor. Also don’t use any other builders like elementor, beaver builder, visual composer, etc.
Incremental updates is not needed as I have seen v3.x updated without issues. I recommend exporting your child theme settings for backup, and exporting the layerslider sildes. Then create a staging site to test the update on, this way your live site is unchanged while your issue can be examined. Ensure that your stagging site is not using a cache plugin or object-oriented cache from your server, or a CDN, as these may not show the updated site correctly.
The only issues that I find for Ninja Forms are old:
2015: https://kriesi.at/support/topic/customize-ninja-form-styling/
2016: https://kriesi.at/support/topic/enfold-ninja-forms-conditional-logic-problems/
2019: https://kriesi.at/support/topic/ninja-forms-not-working-after-latest-wordpress-update/
2021: https://kriesi.at/support/topic/ninja-forms-breaking-with-enfold/
Note that the layerslider has had many changes and you may need to edit your slides and resave the transforms and minor settings, there is nothing we can do about that, the layerslider doesn’t seem to be fully backward compatible.Best regards,
MikeSeptember 14, 2025 at 12:15 pm in reply to: Betreff: Frage zur Nutzung von Enfold auf einer zweiten Website #1489224Hey Natalie Tschickardt,
Thanks for reaching out, the Enfold license is for one domain and unlimited subdomains, such as:
domain.com
sub.domain.com
another.domain.com
ect.domain.com
the subdomains allow you to create testing sites, staging sites, dev sites, shops, etc.
When you create a new site on a new domain, such as your husband’s site you need to purchase a new license.
The good news is that you will also get six months of access to our support forum should you need any help with your sites, I recommend upgrading to a full year of support, which is very cheap with the one time offer on the ordering page:

Best regards,
MikeHi,
Sorry, I was looking at the wrong site, now I see that your testimonials are in a content slider and not the testimonial element like on your other site.
I adjusted the script:document.addEventListener("DOMContentLoaded", function () { var rows = document.querySelectorAll(".avia-content-slider-inner"); rows.forEach(function (row) { var testimonials = Array.from(row.querySelectorAll(".slide-entry-wrap")); if (testimonials.length <= 1) return; for (let i = testimonials.length - 1; i > 0; i--) { let j = Math.floor(Math.random() * (i + 1)); [testimonials[i], testimonials[j]] = [testimonials[j], testimonials[i]]; } testimonials.forEach(function (t) { row.appendChild(t); }); }); });Best regards,
MikeHi,
The pages that I check show that the testimonials only have two items, I tested the following script by injecting it in the browser and it worked, but with only two items it’s like flipping a coin, you still might get three of the same in a row. Try adding four more testimonials and then test, you should see a better random outcome.document.addEventListener("DOMContentLoaded", function () { var rows = document.querySelectorAll(".avia-testimonial-row"); rows.forEach(function (row) { var testimonials = Array.from(row.querySelectorAll(".avia-testimonial")); if (testimonials.length <= 1) return; for (let i = testimonials.length - 1; i > 0; i--) { let j = Math.floor(Math.random() * (i + 1)); [testimonials[i], testimonials[j]] = [testimonials[j], testimonials[i]]; } testimonials.forEach(function (t) { row.appendChild(t); }); }); });Best regards,
MikeHey Swarez,
I see that you have a modified slideshow.php in your child theme, when I activate the parent Enfold v7.1.1 the test page loads correctly with the slider and all other elements. Try removing your custom slideshow.php from your child theme.Best regards,
MikeHey aintzerga,
It looks like you have limited the number of entries shown to 12, so the sort function will only show the categories for those 12 entries. You will so note that if you have only one item within the 12 for a certain category, clicking the sort for that category will only show the one item that was loaded, not all items in that category.
Your first option is to change the published dates to ensure that at least one item from each category will show.
Your second option is to increase the number of items shown until at least one item from each category is shown, perhaps 24 instead of 12.Best regards,
MikeHey Alejo Rotemberg,
We expect no issues with updating, but recommend creating a full backup using your webhost backup tool, not a plugin unless you have specific knowledge with it and it has worked for you in the past. Often backup plugins fail when restoring.
Also note that if you are not using a child theme and the core files such as functions.php were modified those customizations will be lost, so backup any customizations.
Also note that if you are using a child theme and you have a copy of the header.php or footer.php in the child theme, please remove these as these files have changed and will cause an error.
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.
Best regards,
Mike -
This reply was modified 3 months, 2 weeks ago by
-
AuthorPosts


