Hey Rastoffarai,

Thank you for the inquiry.

This is the image causing the LCP issue: photovoltaik-anlage-fockenbrock-elektrotechnik-2560×1707-01.jpg.

It is currently 2560×1707 pixels, which is quite large. Consider resizing it to half that size or smaller (1024x683px), and make sure all site images are properly compressed. You can use optimization plugins like ShortPixel or Imagify for this.

After resizing and compressing the images, use the following plugin to preload the “photovoltaik-anlage-fockenbrock-elektrotechnik” image.

— https://wordpress.org/plugins/preload-lcp-image/

Let us know if the LCP issue continues.

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the script a bit. Please remove the previous modification and replace it with the following code:

function ava_custom_script_mod() {
    ?>
    <script>
    // make post grid excerpt clickable
    jQuery(document).ready(function($) {
        $('article.slide-entry').each(function() {
            const $article = $(this);
            const link = $article.find('a.slide-image').attr('href');

            if (link) {
                $article.css('cursor', 'pointer').on('click', function(e) {
                    if (!$(e.target).closest('a, button').length) {
                        window.location.href = link;
                    }
                });
            }
        });
    });
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_mod', 9999);

Best regards,
Ismael

Hi,
OK, I added the page and I added some of the images to get you started, feel free to change the images. I also added the styling from the theme export file so you should be all set. Please check and let us know.

Best regards,
Mike

Hi,
The WordPress login works fine, thanks.
FTP is a way that we can upload the images to your site, this can’t be done though WordPress for the demo import process.
Please see these two articles:
https://www.ovhcloud.com/en/web-hosting/ftp-host/
https://help.ovhcloud.com/csm/en-web-hosting-ftp-storage-connection?id=kb_article_view&sysparm_article=KB0052711
We could copy the front page shortcode to your site, as the demo you requested only has one page, but you will need to edit the page elements and add your own images.
Would you like us to do this? Otherwise if you are able to post FTP login we can probably also add the images.
The standard demo import won’t work on OVH hosting because they block our IP address.

Best regards,
Mike

Hi,

Thanks for that. I’ve imported the content of the top level pages for you. Please note that the demo settings and images are not included. Let us know if you should need anything more from the demo.

Best regards,
Rikard

Hi,

Please continue here: https://kriesi.at/support/topic/home-page-slider-and-image-galleries-not-working/

Best regards,
Ismael

Hey pelgrimrat,

Thank you for the inquiry.

You can add this code in the functions.php file to make the excerpt clickable with the same link as the title and featured image.

function ava_custom_script_mod() {
    ?>
    <script>
    // make post grid excerpt clickable
    jQuery(document).ready(function($) {
        $('article.slide-entry').each(function() {
            const $article = $(this);
            const link = $article.find('a.slide-image').attr('href');

            if (link) {
                const $excerpt = $article.find('.slide-entry-excerpt');

                $excerpt.css('cursor', 'pointer').on('click', function(e) {
                    if (!$(e.target).closest('a').length) {
                        window.location.href = link;
                    }
                });
            }
        });
    });
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_mod', 9999 );

Let us know the result.

Best regards,
Ismael

Hey Maggie,

Thank you for the inquiry.

There are transparent spaces above and below the actual logo image (see private field). Try to remove the current logo from the Media > Library, edit the image to remove the transparent gaps using any photo editing tool, then upload it again.

Remove the green part:

View post on imgur.com

You can also try this css code:

.logo img, .logo svg {
    min-height: 150px;
    margin-top: -24px;
}

.logo, .logo a {
    overflow: visible;
}

Best regards,
Ismael

Hi,
Thanks for the login, I found that you are adding the “K” logo in your child theme functions.php

You should remove this function, I could not, you may need to do so via FTP

Best regards,
Mike

Hi,
Thank you for your patience, I went to your sponsor page on your test site and changed the featured image for two more portfolio items:

Then I went back and changed them again:

I see that on your live site you are sill using the Block Editor, and “action” menu is not responding:

When I switched to the Classic Editor it solved on your live site, I was able to change the image:

I then switched the image back:

Note that the core-data.min.js file this is giving you errors is a part of the Block Editor (Gutenberg), I don’t know why, I don’t see this error on my site, perhaps it is a plugin conflict. I see that you have a plugin called: Database Manager – WP Adminer
Perhaps this corrupted the database?
I recommend using the Classic Editor.

Best regards,
Mike

Hi,
I can not see your blog as your site is in maintenance mode, so we would need a admin login. Your screenshot in not showing, To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
It sounds like you are using the masonry elemeant to show your blog with the sorting options, note that if you are only showing a few items the categories in the sort option will only show for these, not all possible categories, only categories for the shown items will show in the sort option.
In this case you need to set the element to show more items to show at least one item from each category, or change the date published so at least one item from each category is shown on page load.
Note that to see all items in each category you will need to show all items on page load instesd of just a few.

Best regards,
Mike

Hi,
Try this CSS instead in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia_desktop #top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}

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.

Best regards,
Mike

Hey Russell,

Thank you for your interest in Enfold.

The videos are not accessible, so we’re not able to view them. In any case, the theme comes with built-in demo content, so you don’t need to start from scratch. You can simply import a demo and then incorporate your existing designs, images, and content to match what you have in mind. It’s very user-friendly, with plenty of customization options and a powerful Advanced Layout Builder where most of the content creation and site building will take place.

If you have any questions or need help with development, feel free to reach out to us here in the forum — we’re happy to help.

You can preview the available theme demos below.

— https://kriesi.at/themes/enfold-overview/

To help you get started, please check out the documentation.

— https://kriesi.at/documentation/enfold/

Let us know if you have any more questions.

Best regards,
Ismael

Hi,

Sorry for the troubles. We edited one of the portfolio items but we are not able to reproduce the issue — the item updated correctly after saving the featured image. Could you please provide a link to the portfolio item/s where you’re experiencing the issue? (see screenshot private field)

Best regards,
Ismael

Hi,

Thank you for the screenshot. We initially thought the first section contained a static image. To adjust the size of the video, try to add this css code.

#top .avia-video .mejs-container, #top .avia-video .mejs-container video {
    object-fit: cover;
}

View post on imgur.com

Best regards,
Ismael