Hi,
Try changing the height and font size to suit:

Best regards,
Mike

Hi,

Yes, both the background image and the overlay image contribute to the LCP. While the report flags the background image as the main culprit, any unoptimized images or content on the page can affect loading speed and directly impact the LCP.

Currently, home_backround-keil-mobile.svg is still quite large for mobile view at 96 KB. We recommend either removing it completely from the #av_section_7 section or removing the duplicates of this section completely, keeping only one version for both mobile and desktop views.

Please note that images in these sections still affect the page’s performance, even if they are hidden on mobile view. The minified resources generated by the plugin WPFC also affect the page rendering. Try temporarily disabling the plugin and make sure the Enfold > Performance > File Compression settings are disabled as well.

Let us know if this makes any difference.

Best regards,
Ismael

Hi,
Are you using a sticky header?
If it is showing it will not scroll more. Try disabling this:

If you want to use the sticky header, then once the menu shows the link has done it’s job.

Best regards,
Mike

Hi,

Is there a way to enlarge the image to its original size by clicking on it?

Do you mean to open the image in a lightbox?
Try this:

<a class="av-float-right" href="/test.jpg" data-rel="lightbox">
<img class="av-float-right lightbox-added" src="/test.jpg" alt="Description" />
</a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget pulvinar libero. Aliquam fringilla, sapien ut viverra pharetra, augue mauris tincidunt mauris, et semper ipsum quam sit amet leo. Cras commodo non nisl eget eleifend. In hac habitasse platea dictumst. Nullam bibendum diam eu venenatis iaculis. Integer at mi libero. Ut quis purus non urna pharetra consequat semper vitae purus. Morbi ultrices interdum mauris, quis posuere dolor aliquam ut. Duis turpis erat, suscipit et ex vel, commodo volutpat risus. Suspendisse sit amet laoreet lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Change the test.jpg to suit and use the same css:

.av-float-right {
   float: right;
   margin: 10px;
   max-width: 242px; 
}

result:

and after click of the image it opens in a lightbox:

Best regards,
Mike

Hey mnydish,
It looks like you have already:
set the box to RGB 27 45 102
Round the corners on the box
And add an icon above the heading

I find no Mega Menu on your site.

Best regards,
Mike

Hey jenscasper,
I’m not sure how to want the button changed:

but the font, color, and background color are from the plugin:

color: var(--gf-local-color);
font-family: var(--gf-local-font-family);
background-color: var(--gf-local-bg-color);

at: /wp-content/plugins/gravityforms/assets/css/dist/gravity-forms-theme-framework.min.css
note the “gf” in the css var, this is from Gravity Forms and not Enfold.
Perhaps Gravity Forms is only using the theme standerd colors and not appling their own colors, so to match whatever theme is active?
If you explain how you want it changed we can help override this with css.

Best regards,
Mike

Hey a-l-p,

Try checking if the image URLs look like they should, or pick the images from the gallery again. If that should not help, then please try to temporarily deactivate all plugins to see if that changes anything.

Best regards,
Rikard

Hey Matthias Gruhn,
Your version is quite old, so you are getting this error. Please update. 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.

If you don’t have a Theme Forest account to download the latest version because someone else bought a license in their account for you and you can not contact them now, then you will need to purchase a new license from Theme Forest. Theme Forest (Envato) will not allow a transfer of license and due to our contract with Envato, we can not issue licenses.
The good news is that if you purchase a new license you can also upgrade to a one year support contract for a low fee, which will allow us to help you will any issues after you update. I don’t expect any issues, but I’m sure it would be nice to have a support team to help you for peace of mind.

Best regards,
Mike

Hi,

Thank you for the link.

You can use this css code to adjust the style of the checkout form fields.

.main_color div.product .woocommerce-tabs ul.tabs li.active a, .main_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content, .main_color .cart_dropdown_link, .main_color .inner_product_header, .main_color .avia-arrow, #top .main_color .variations select, #top .main_color .variations input, #top .main_color #reviews input[type='text'], #top .main_color #reviews input[type='email'], .main_color #reviews .comment-text, .main_color #reviews #comment, .main_color .single-product-main-image .images a, #top .main_color .shop_table.cart .input-text, #top .main_color form.login .input-text, #top .main_color form.register .input-text, .main_color .chosen-container-single .chosen-search, .main_color .products .product-category h3:before, #top .main_color .quantity input.qty {
    background-color: #4f79e3;
}

#top div.woocommerce-message {
    border-color: #acb6ce;
    background-color: #4f79e3;
    color: #ffffff;
}

#top label span, #top legend span {
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}

Best regards,
Ismael

Hey icarogioiosi,

Thank you for the inquiry.

There might be a css rule or custom modification in your installation that is distorting the image. This is how the images should normally resize in an accordion slider.

View post on imgur.com

Please create a test page so we can inspect the elements.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Unfortunately, an image is not the same as a Featured Image Style.

Are you referring to the Featured Image Slider? You can use this element to display the featured images of your posts in a slider. To make sure it doesn’t occupy the full width, place the slider inside a 1/1 Column element.

View post on imgur.com

Best regards,
Ismael

Hey icarogioiosi,

Thank you for the inquiry.

You have to set the float property of the image to right or left. This will allow the surrounding text to flow around the image.

Example:

HTML:

<img src="test.jpg" class="av-float-right" />Long text here..

CSS:

.av-float-right {
   float: right;
   margin: 10px;
   max-width: 242px; 
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you try the second set of css rules without the UID av-4hiz9z-633b1e0ab579d3c11a88073322c9de8f?

You can also apply a unique css class name to the Grid Row element where the modification is needed, for example “av-custom-grid-eq-height”, and then use the following css code.

.responsive #top #wrap_all .av-layout-grid-container.av-custom-grid-eq-height {
    display: flex;
}

.responsive #top #wrap_all .av-custom-grid-eq-height .flex_cell.av_one_half .flex_cell_inner,
.responsive #top #wrap_all .av-custom-grid-eq-height .flex_cell.av_one_half .flex_cell_inner .avia-image-container,
.responsive #top #wrap_all .av-custom-grid-eq-height .flex_cell.av_one_half .flex_cell_inner .avia-image-container div,
.responsive #top #wrap_all .av-custom-grid-eq-height .flex_cell.av_one_half .flex_cell_inner .avia-image-container div div,
.responsive #top #wrap_all .av-custom-grid-eq-height .flex_cell.av_one_half .flex_cell_inner .avia-image-container div div img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

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

Best regards,
Ismael

Hey fiorettipau,

Thank you for the inquiry.

You can use the Column element, but you’ll need to apply some css modifications to control the height of each row. Set the images as the background of the columns, then insert a Text or Code Block element inside each.

Please create a test page so we can inspect the elements and provide the appropriate modifications.

Best regards,
Ismael

Hey icarogioiosi,
Unfortunately not as it is currently created, however you can create a new page with a sidebar and add your image and blog element.
Your image will need to be a image element so it is not full width, otherwise it will push the sidebar down.
Once you create your new page, go to the theme settings and choose it as your blog.

Best regards,
Mike