Hey Jimmy,

You can copy/paste the image URL that you want to use into the logo field, then save the theme options.

Best regards,
Rikard

Hi,

Thank you for the update.

The desktop score is now 98, and 80 on mobile. CLS is now resolved, but there’s still an LCP issue, which now points to the text element below the first gallery. It will probably help to further reduce the size of the background image (kuechen-schmidt_edelstahl_footer-bg.jpg), which is still 43KB and larger than necessary. Optimizing the slider images such as kuechen-schmidt_stellenanzeige_Technischer-Koordinator_2406.webp (88KB), kuechen-schmidt_service-check_kundenzufriedenheit-1-300×150.jpg (32KB), along with the others would also help.

Best regards,
Ismael

Hey Sven,

Thank you for the inquiry.

The LCP is the background image used in the header container (kuechen-schmidt_edelstahl_footer-bg.jpg). It’s 2000px in width and 46Kb in size, which is a bit heavy. We recommend significantly reducing the image size, make sure it’s compressed and preload it using the plugin below.

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

CLS could also be improved by limiting the height of the revolution slider on smaller screens, making sure it doesn’t shift the page while the slider is loading. Please add this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top #main #revolutionslider_1 {
    max-height: 220px;
    overflow: hidden;
  }
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

You can place the first section in the first accordion item, the second in the second one, and so on. Then, add the css code in the Quick CSS field.

Add this to the first accordion item to display the image on the left and the text on the right, as described.

<div class="av-mod-alternate-section">
<div class="av-mod-image">
    <img src="image1.jpg" alt="Image 1"></div>
<div class="av-mod-text">
    This is the text for section 1. Image is on the left.</div>
</div>

Then, add this to the next accordion item, with the image on the right and the text on the left.

<div class="av-mod-alternate-section av-mod-reverse">
<div class="av-mod-text">
    This is the text for section 2. Image is on the right.</div>
<div class="av-mod-image">
    <img src="image2.jpg" alt="Image 2"></div>
</div>

Take note of the class name “av-mod-reverse”, which reverses the order of the element inside the section.

Best regards,
Ismael

Hi,
The ID “#after_section_1” is now missing, perhaps you updated the page? So I added the ID “#add_50_px_pading” to the element:

and this css:

.page-id-4128 #add_50_px_pading  {
         padding-top: 50px;
}

Now it is working, please clear your browser cache and check.

Best regards,
Mike

Hey Ernst Grubbauer,
Thank you for the login, please note that your version 4.1.2 is not compatible with PHP 8+, and it can not be updated in the theme, due to how Envato (Theme Forest) changed from a API key to a Token. Unfortunately this occurs when a old “developer” buys the theme in their Envato account and doesn’t create an account for the customer. Envato will not transfer the license nor issue a new license.
Due to our exclusive contract with Envato we can not issue licenses.
Your customer should create an account with Envato and purchase a new license The upside to this is that by purchasing a new license you will also get 6 months of support on our forum to help with any issues. I recommend upgrading to a full year of support for just a little more, as the cost of the theme and a full year of support costs the same as a single hour of support from many developers. .
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.

Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
After you purchase a new license you can register for the support forum and post your questions.

Best regards,
Mike

Hi,

You might have to use a different, smaller image for smaller screen sizes, then place the CSS inside of a media query:

@media only screen and (max-width: 767px) {
  Your mobile styling goes here
}

Best regards,
Rikard

Hey Silvia,
Try using the Advanced ▸ Developer Settings ▸ Custom ID Attribute in each element and add your ID and then link to it.

Best regards,
Mike

Hey mrqslmk,

Thank you for the inquiry.

Instead of using shortcodes, you can directly use html in the accordion content. Example:

<div class="av-mod-alternate-section">
  <div class="av-mod-image">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="av-mod-text">
    This is the text for section 1. Image is on the left.
  </div>
</div>

<div class="av-mod-alternate-section av-mod-reverse">
  <div class="av-mod-text">
    This is the text for section 2. Image is on the right.
  </div>
  <div class="av-mod-image">
    <img src="image2.jpg" alt="Image 2">
  </div>
</div>

<div class="av-mod-alternate-section">
  <div class="av-mod-image">
    <img src="image3.jpg" alt="Image 3">
  </div>
  <div class="av-mod-text">
    This is the text for section 3. Image is on the left again.
  </div>
</div>

Add this code in the Quick CSS field:

.av-mod-alternate-section {
  display: flex;
  align-items: center;
  margin: 2rem 0;
  gap: 2rem;
}

.av-mod-reverse {
  flex-direction: row-reverse;
}

.av-mod-image img {
  max-width: 300px;
  height: auto;
  display: block;
}

.av-mod-text {
  max-width: 600px;
}

Let us know if you need more info.

Best regards,
Ismael

Hi,

Thanks for that. The image is not visible on my end, please upload it to your WordPress installation instead. The account on your site needs to be upgraded to have administrator rights as well.

Best regards,
Rikard

Hi,

Thank you for the update.

How can I replace the image with a video please?

You can use the Video element or an Image element with a video URL as the link. When the image is clicked, the video will open in a lightbox. Let us know if you need more info.

Best regards,
Ismael