Hi Janny,

Thank you for the inquiry.

Since this widget is loaded from an external script (https://public.tommbookingsupport.nl/reservation-inline.js), we recommend reaching out to the booking software support team to confirm whether they have any css customization guidelines or if there’s a native setting within their platform to control the styling.

We may also need screenshots to better understand the issue. You can use platforms like FreeImage, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey macuti,
I have added it below for you. Please see this post: https://kriesi.at/support/topic/copytrack-wants-me-to-show-a-license-for-an-image-included-in-the-demo/#post-1495685
If you read the whole thread you will see two links to the same image, the one for which we have a license for from 2014 by the user francesco83 and a newer one that copytrack is claiming for the user genious2000de or perhaps it is the same person, we don’t know. Either way our extended license is valid.
Please note that we can not offer legal advice.

Best regards,
Mike

Hi,
Glad that we were able to help. As for your issue with the image I can not reproduce,. The image shows for me & it downloads fine. I’m not sure why this is occuring for you, but will take it under advisement.
If you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey Elena,

Thank you for the update.

You can view the screenshot here:

— https://freeimage.host/i/column-height-1000.q5xszog

It shows the Column element that had the min-height of 1000px set. This setting can be found on the Layout > Height panel of the element.

Let us know if you have more questions.

Best regards,
Ismael

Hi,

Thank you for the update.

We are currently not able to reproduce the issue on our end. Could you please try the following before testing again:

1. Clear your browser cache.
2. Open the page in an incognito/private browsing window.
3. Purge the cache from your cache plugin (WP Rocket or any other active caching plugin).
4. Try testing on a different device or browser if possible.

Let us know the result after trying those steps.

Best regards,
Ismael

Hey debbiepeverelli,

Thank you for the inquiry.

1. The overlapping image is likely due to the absolute positioning, which causes it to appear incorrectly scaled on smaller screens. The best approach is to either hide it on mobile or manually adjust its size using css media queries.

You may need to apply a custom css class name to the overlapping image element.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Once you have added a custom class, for example av-overlap-image, you can target it on smaller screens like this:

@media only screen and (max-width: 767px) {
    .av-overlap-image {
        display: none;
    }
}

Or if you prefer to keep it visible but resize it:

@media only screen and (max-width: 767px) {
    .av-overlap-image {
        width: 80px;
        height: auto;
        top: 20px;
        left: 10px;
    }
}

You can add these css rules to Enfold > General Styling > Quick CSS field and adjust the values as needed.

2. The light blue highlight on focused fields and the green success message are default styles applied to the contact form. You can override them by adding the following to Enfold > General Styling > Quick CSS field — adjust the color values to match your site:

#top .avia-form .avia-input:focus,
#top .avia-form .avia-textfield:focus {
    background-color: #yourcolor;
    border-color: #yourcolor;
}

#top .avia-form .avia-success {
    background-color: #yourcolor;
}

#top .avia-form .avia-success p {
    font-family: inherit;
    font-size: inherit;
    color: #yourcolor;
}

Replace #yourcolor with the hex values that match your site palette.

Let us know the result.

Best regards,
Ismael

Hey Elena,
Thanks for the login, the column with the image had a min-height of 1000px, causing the color section to take this height. I removed it for you.

Best regards,
Mike

Hey Munford,

Thank you for the inquiry.

The “Make fewer HTTP requests” and “Add Expires headers” recommendations from speed testing tools are server-level optimizations and are not something we can control directly from the theme side. These are handled by your hosting server configuration.

For the Expires headers issue, this typically requires adding rules to your .htaccess file or asking your host to enable browser caching on the server. Here is an example of what you can add to your .htaccess file:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

For reducing HTTP requests, the “Merge and compress files” option you already have enabled in Enfold > Performance is the main thing the theme can do on its end. Beyond that, reducing the number of active plugins and removing any unnecessary scripts loaded by third-party plugins will help.

We also recommend using a caching plugin like W3 Total Cache or WP Rocket, as these can handle both browser caching and HTTP request reduction more comprehensively. For more details, please refer to the W3 Total Cache documentation.

— https://wordpress.org/plugins/w3-total-cache/

Let us know if you have more questions.

Best regards,
Ismael

Hey Erwin,

Thank you for the inquiry.

You can disable the hover/focus effect on the masonry gallery images by adding the following css to Enfold > General Styling > Quick CSS:

#top .av-masonry-item .av-masonry-image-container:before,
#top .av-masonry-item .av-masonry-image-container:after {
    display: none !important;
}

#top .av-masonry-item:hover .av-masonry-image-container img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

If you only want to target a specific masonry gallery on the page and leave the others unaffected, you can wrap it in a section or cell with a Custom CSS Class and then use that class as the parent selector in the code above.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Let us know if the issue persists.

Best regards,
Ismael

Hey Sebastian,
Try adding this css:

.referenzen .post-entry-4082 a.grid-image + .grid-content,.referenzen .post-entry-3960 a.grid-image + .grid-content {
    opacity: 1;
    transform: translate(-50%, -50%);
} 

Best regards,
Mike

Hi,
Thanks for the login, I believe that this is the result that you wanted:

So I added this solution to your site, thanks to Guenni007.

Best regards,
Mike

Hi,
I got the IDs from the page code using the Dev Tools
When I check today “Alex” is not italic:

Please clear your cache and check.

Best regards,
Mike

Hey ivancazzol,
Please note that the Grid element gets it’s height from the elements inside of it, so on mobile, when the top grid row is stacked the right side cell that only has a background image, that shows below the first cell, will have no height. In our demo it has has another image element in it the “Parallax” text

To correct yours, add a Whitespace (hr) element with a min-height that you want it to be, perhaps 200px or so.

Best regards,
Mike

Hey tchamp77,

Thank you for the inquiry,

This is to be expected, since the default behavior when clicking an inactive Horizontal Gallery item is to navigate or slide it to the center. This behavior overrides the anchoring to the Accordion items. Once the image is centered, the anchor should work without issue.

To override this behavior, you can try this script in the functions.php file:

<?php
add_action( 'wp_footer', 'ava_wp_footer_script_mod', 99 );

function ava_wp_footer_script_mod() {
    ?>
    <script>
    // override default horizontal gallery clicks behavior to open accordion and scroll to title
    (function($) {
        $(document).on('click', '.av-horizontal-gallery-slider a[href^="#toggle-id-"]', function(e) {
            e.preventDefault();
            e.stopImmediatePropagation();

            var targetId = $(this).attr('href').slice(1);

            setTimeout(function() {
                var $title = $('#toggle-toggle-' + targetId);
                var $wrap  = $('#' + targetId);

                if (!$title.length) return;

                if (!$wrap.hasClass('active_tc')) $title.trigger('click');

                setTimeout(function() {
                    $('html, body').animate({ scrollTop: $title.offset().top - 80 }, 500);
                }, 50);
            }, 50);
        });
    })(jQuery);
    </script>
    <?php
}

Best regards,
Ismael

Hey Marc,

Thank you for the inquiry.

In the Column element’s Styling > Background > Custom Background Color, there should be a transparency (opacity) slider in the color picker, as shown in the screenshot below.

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thank you for the update.

Are you using the default Block Editor? Please open the Preferences panel, and make sure that General > Document settings > Page attributes is enabled.

This documentation should help: https://wordpress.org/documentation/article/preferences-overview/

Best regards,
Ismael

Hi,

@ivloulinghong: In the Enfold > Footer > Copyright field, simply add the placeholder [nolink] to remove the default copyright text. Please check the screenshot below.

Best regards,
Ismael

Hi,

This image is available from the same author on Adobe Stock: https://stock.adobe.com/images/ricotta-cheese/38158374?prev_url=detail
A slightly different version is also available on Shutterstock since 2012: https://www.shutterstock.com/image-photo/ricotta-cheese-basil-leaves-cherry-tomatoes-93275449

If the author was in fact the person written in the PDF file they sent you, I assume they would have taken down the images I shared above.

I’m sorry, but we cannot provide further advice on this case.

Best regards,
Yigit