Hi,

Alright! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey sophiasbiti,

Thank you for the inquiry.

If the iframe is causing errors in the builder, you might want to consider creating a custom shortcode for it. Instead of embedding the iframe directly into the builder, you can use the custom shortcode. This shortcode will then render the iframe on the frontend.

Example:

// Define a custom shortcode for iframe
function custom_iframe_shortcode($atts) {
    // Set default attributes
    $atts = shortcode_atts(
        array(
            'src' => '',
            'width' => '100%',
            'height' => '300',
        ),
        $atts,
        'custom_iframe'
    );

    // Extract attributes
    $src = esc_url($atts['src']);
    $width = esc_attr($atts['width']);
    $height = esc_attr($atts['height']);

    // Output the iframe code
    $output = '<iframe src="' . $src . '" width="' . $width . '" height="' . $height . '" frameborder="0" allowfullscreen></iframe>';

    return $output;
}

// Register the shortcode
add_shortcode('custom_iframe', 'custom_iframe_shortcode');

You can use it in in the ALB like this:

[custom_iframe src="https://example.com" width="100%" height="400"]

Please check the link below for more info.

// https://codex.wordpress.org/Shortcode_API

Best regards,
Ismael

Hi,

Thank you for the info.

We get this error when we try to edit one of the elements, which seems to be coming from a plugin called “actovent-map”. Have you tried disabling this plugin temporarily?

actovent-map-admin.js?ver=1.0.0:5 Uncaught Error: Map container not found.
    at i._initContainer (actovent-map-admin.js?ver=1.0.0:5:37517)
    at i.initialize (actovent-map-admin.js?ver=1.0.0:5:26026)
    at new i (actovent-map-admin.js?ver=1.0.0:5:2616)
    at t.map (actovent-map-admin.js?ver=1.0.0:5:141663)
    at actovent-map-admin.js?ver=1.0.0:40:17
    at actovent-map-admin.js?ver=1.0.0:42:3

If the issue persists, please deactivate all plugins, then activate them back one at a time to check which one is causing this issue.

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

Adding this css code should adjust the style of the ul and ol list inside the tooltip.

.avia-tooltip ul, .avia-tooltip ol {
    list-style: disc outside !important;
}

Best regards,
Ismael

Hi,

Great! Glad to know that you’ve found a working solution. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey envatobunny,

Thank you for the inquiry.

It may take some time for the search results to be updated. If you wish to expedite the process, try building and submitting a sitemap to Google. Please refer to the documentation below for more info.

// https://support.google.com/webmasters/answer/7451001#zippy=%2Csubmit-a-sitemap
// https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this css code to hide the overlay on hover.

#top .av-caption-style-overlay .av-masonry-item-with-image:hover .av-inner-masonry-content {
    background: transparent;
}

Best regards,
Ismael

Hey ausgesonnen,

Thank you for the inquiry.

Did you any modifications for the header? To remove the other burger icon, you can try this css code.

#top #header .av-logo-container .av-main-nav > li.av-burger-menu-main {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the info.

To adjust the padding of the Color Section, please edit the element, go to the Layout > Margins & Padding section, then set the Section Padding settings to No Padding.

You can also add the following css code to adjust the default section padding but this modification will be applied across the site.

.content {
    padding-top: 0;
    padding-bottom: 0;
}

.avia-testimonial-wrapper {
    margin: 0;
}

Best regards,
Ismael

Hi,

No problem! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

The default space between the testimonial title and comment should not be that big. Did you add any css modifications to the site? We may need to visit the site in order to properly inspect the elements. Please provide the site URL in the private field.

Best regards,
Ismael

Hi,

We adjusted the code a bit in order to redirect the site to the actual masonry page after closing the lightbox.

function ava_trigger_masonry_lightbox_on_load()
{ ?>
    <script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            setTimeout(function () {
                $('.av-masonry-container .av-masonry-item-with-image.lightbox-added:first').trigger('click');
            }, 100);
        }(jQuery));
    });

    (function($) {
        $(document).ready(function () {
            $('.av-masonry-entry').on('mfpOpen', function(e /*, params */) {
                $('.mfp-close').on('click', function(e) {
                    e.preventDefault();
                    const redirect = "https://www.95mctest.es/product2/"
                    window.location.href = redirect
                })
            });
        });
    }(jQuery));
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_trigger_masonry_lightbox_on_load', 99 );

You can adjust the redirect URL by editing this line.

 const redirect = "https://www.95mctest.es/product2/"

Best regards,
Ismael

Hey Chip Jones,

Thank you for your interest in the theme.

The Enfold theme is under continuous improvement, and updates are planned for the future. The team is committed to ensuring compatibility with the latest versions of WooCommerce, including version 8.2+, as well as the required PHP updates, such as PHP 7.4. You can always reach us here in the forum if you have any questions about the theme.

Best regards,
Ismael

Hey imagestudios,

Thank you for the inquiry.

Looks like you’ve managed to apply gray scaling to the masonry items with this css code.

#top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container {
    filter: grayscale(1);
}

To adjust the overlay color, try this css code.

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,87,130,0.3);
}

Best regards,
Ismael

Hi,

Glad to know that @Mike was able to help you out! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael