Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the feedback, try this css instead:.html_elegant-blog #top .avia-content-slider .slide-meta { display: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, I don’t understand your question, but this thread is quite long now and covers multiple topics, for a new topic please create a new thread and we will gladly try to help you. Typically we ask to start a separate thread for each request, Thank you for your patience and understanding and for using Enfold.Best regards,
MikeHi,
Are the Emojis that this happens to a custom Emoji? Were do you get the Emojis from, can to link to the source of these Emojis so we can check?Best regards,
MikeHi,
First Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the conflict.
If you would still like help with the team member popup, please link to your test page with an admin login so we can check.Best regards,
MikeHey maryenvato,
Thank you for the link to your site as I understand you want to hide the categories, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_elegant-blog #top .avia-content-slider .blog-categories.minor-meta { display: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
If your blog posts are created with the Advanced Layout Builder then you can add the Widget Area element to your page and select your widget area, or a custom widget area with the TOC widget.
If you are using the default editor for your posts then you can add this script to your child theme functions.php:function custom_toc_script() { ?> <script> document.addEventListener('DOMContentLoaded', function() { htmlTableOfContents(); } ); function htmlTableOfContents( documentRef ) { var documentRef = documentRef || document; var toc = documentRef.getElementById("toc"); var content = document.querySelector(".single-post .entry-content"); var headings = content ? [].slice.call(content.querySelectorAll( "h1, h2, h3, h4, h5, h6")) : [] headings.forEach(function (heading, index) { var ref = "toc" + index; if ( heading.hasAttribute( "id" ) ) ref = heading.getAttribute( "id" ); else heading.setAttribute( "id", ref ); var link = documentRef.createElement( "a" ); link.setAttribute( "href", "#"+ ref ); link.textContent = heading.textContent; var div = documentRef.createElement( "div" ); div.setAttribute( "class", heading.tagName.toLowerCase() ); div.appendChild( link ); toc.appendChild( div ); }); } try { module.exports = htmlTableOfContents; } catch (e) { // module.exports is not defined } </script> <?php } add_action('wp_footer', 'custom_toc_script');Then you need to add the TOC div to your post with this:
<div id="toc"></div>
If you are using the RankMath plugin and the Block Editor it will also add a TOC, otherwise there are many plugins that will offer more TOC options.Best regards,
MikeMay 18, 2023 at 12:45 am in reply to: Set image source filename in Javascript to swap/switch for responsive images #1407781Hey Gary,
Thanks for the link to your site, the issue that I found was that your code was looking for the image scr at the custom class homeBannerIMG, but the structure is actually homeBannerIMG div div img
so I changed your code from: document.getElementsByClassName(“homeBannerIMG”)[0].src=”https://www…
to: document.querySelector(“.homeBannerIMG img”).src=”https://www…
and this now works, please check.Best regards,
MikeHey studioinktvis,
Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_message_banner_script() { ?> <script> (function($){ $('#top #header_meta > .container').each(function() { var messageTitle = 'Bestellingen geplaatst tussen 30 mei en 11 juni worden 12 juni verstuurd'; var messageBanner = $('<p class="message-banner">'+ messageTitle +'</p>').css({'text-align':'center','margin-top':'0'}); $(messageBanner).insertBefore('.sub_menu'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_message_banner_script');Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeHey rixi,
It looks like your forth table heading has a line break in it <br>, try removing this to see if it helps.Best regards,
MikeHey Videmi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-2703 #av-sc-portfolio-1 .grid-content { min-height: 99.09px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey schweg33,
It looks like you are using a color section on the page, try setting the min height to 100% or lower if you want to see the socket.
Or try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#wrap_all { min-height: 95vh; background-image: url(/wp-content/themes/enfold/images/background-images/dots-for-dark-background-compressed.png) !important; background-repeat: repeat; }After applying the css, please clear your browser cache and check.
Best regards,
MikeMay 17, 2023 at 12:14 am in reply to: How to improve the performance of my website with Enfold theme?. #1407674Hey trancedbrain,
I checked your page with webpagetest.org and your load time was 1.128s – 1.639s with only 17 requests, which is very good, I linked to it below.
The only two fonts that I see loading are for the icons which you are using on your homepage so you probably would not what to bemove these.
Considering that many sites take 4 of more seconds to load, you are doing very well.Best regards,
MikeHi,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.home #full_slider_1 { background: #000; }This will show the background color black until the image in the slider loads.
Or you can use the image of the first slide so you don’t see any delay in the slider loading:#top.home #full_slider_1 { background-image: url(https://bastiontechnologies.com/wp-content/uploads/2023/02/slider-systems-engineering-1000x375-1.jpg); background-size: contain; background-repeat: no-repeat; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for the link to your site and the screenshots, the large gap under the slider was caused by the JetPack image lazyload option, I disabled it for you and cleared your Autoptimize cache and now it is solved;

For the footer of your SBC page I added this css to your Quick CSS, clear your browser cache and check.@media only screen and (max-width: 767px){ .responsive #top #footer .flex_column { margin: 0; margin-bottom: 20px; width: 100%; } }It looks like the page structure is not correct on that page but I’m not sure the cause for it, if this css works and you don’t see any other issues then fine, otherwise try disabling all of your plugins and check again, if this doesn’t correct please create a staging site so we can investigate further. Is this page a custom post type? I didn’t find it in with your pages in the backend. Is it using the Advanced Custom Fields plugin? Is this the only page with this issue?
Best regards,
MikeHi,
Glad Günter 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,
Thanks for the feedback, try removing this line from the css above sidebar .widget_nav_menu ul .current_page_ancestorBest regards,
MikeMay 16, 2023 at 12:06 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1407568Hi,
Thank you for your patience and the link to the page, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top.single-product .woocommerce-product-gallery .thumbnails a:nth-child(n+4) { display: none; } }This will show one large image and three thumbnails on mobile so the product info also shows “above the fold”
After applying the css, please clear your browser cache and check.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,
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,
Sorry that this is confusing, I see that you have entered a code into your Envato private token field, but it is not correct as it was not able to connected to Envato:

You will then need to go to your Theme Forest account to create a Envato private token, please read these instructions.
If you still have trouble try installing the official Envato Market Plugin to manage the updates instead.Best regards,
MikeMay 15, 2023 at 6:46 pm in reply to: Sidebar displaying below blog content and testimonials formatting off #1407465Hi,
Thanks, but your theme editor is still disabled, can you enable it or include FTP access?
Did you try disabling all of your plugins and check if that solves?Best regards,
MikeMay 15, 2023 at 6:36 pm in reply to: I need to make the word “Search” open the ajax search form #1407464Hi,
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 to your site, I see that in your child theme functions.php you had an unclosed comment line:

this caused all code below it to be disabled, I closed the comment line for you and now the script changes the h3 footer widget tags to paragraph tags:

Please clear your browser cache and check and let us know this is now successful and we will close this thread.
If you have any additional issues please open a new thread so we can assist, we try to keep each thread on topic, thank you for your patience and understanding and 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,
Glad to hear, let us know if this helped and we will close this thread.Best regards,
MikeMay 15, 2023 at 11:33 am in reply to: Advanced Layout Editor does not store or load templates #1407430Hi,
I assume that you mean that you had more than the two Layout Builder Templates that are currently showing, try checking with your webhost to see if you can roll back to a previous backup and restore it.Best regards,
MikeMay 15, 2023 at 1:49 am in reply to: Advanced Layout Editor does not store or load templates #1407400Hey John,
Thanks for the link to your site I see on your Enfold Theme Options ▸ Import/Export ▸ Export Layout Builder Templates you have two templates, I exported them to my test site and they work correctly. So I don’t believe there is a issue with the templates themselves. I recommend disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
I see that you also have the elementor installed, we do not recommend mixing other builder with the Advanced Layout Builder, if you have more Layout Builder Templates that are now lost and they included other builder elements then they may have been corrupted.
If this is not the case but you still have lost Layout Builder Templates try checking with your webhost to see if you can roll back to a previous backup and restore it. Then export your Layout Builder Templates to your computer as a backup. Then you can disable your plugins and update your theme and check if your Layout Builder Templates are working. Then enable your plugins one at a time to find the conflict.Best regards,
MikeHi,
Thank you for the link to your site, I believe the grid row you are referring to starts with the text “250 Happy Clients” and the space above it on mobile is due to bottom padding from the element above it, so try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top.page-id-330 #av_section_6 > .container > .content { padding-bottom: 0; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.Best regards,
MikeHey fabioque,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .av-horizontal-gallery-wrap .text-under-image { width: 400px; word-break: break-word; overflow-wrap: break-word; white-space: break-spaces; }adjust the width “400px” to a width that will be good for your items, you have some items smaller than 400px but this seems to work for most of your items. You can’t use a percentage so it needs to be a fixed width.
After applying the css, please clear your browser cache and check.Best regards,
Mike -
AuthorPosts

