Hey elisa,
Thank you for your question, the top issue that I see is your question about using WPBakery Page Builder, please note that Enfold has it’s own Page Builder which can not be removed and most other Page Builders will cause a conflict. So please do not use other Page Builders.
For #1 you will need to use a plugin, but we have not tested any.
For #2 & #3 we have not tested any AirBnb plugins, so you will need to check.
For #5 the structure is fine.
Sorry we were not more help, I’m sure with the right plugins and no additional Page Builders your project will work well.

Best regards,
Mike

Hey Silke,

The update to 7.1.3 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

I’m not sure if Kriesi knows anyone at your club, but I will ask him.

Best regards,
Rikard

Hey schweg33,

Thank you for the inquiry.

Please add this css code to reduce the height of the submenu and apply a border to it.

#top .sticky_placeholder {
    height: 30px !important;
    max-height: 30px !important;
}

#top .av-submenu-container {
    min-height: 30px;
    line-height: 1em;
    border-color: #b1b1b1;
}

#top .av-subnav-menu > li {
    padding: 8px 0;
    display: inline-block;
}

Best regards,
Ismael

Hey invulon,

Thank you for the inquiry.

This is possible with a custom script and a few styling changes. Please add the following code to your functions.php file:

add_action('wp_footer', function() {
?>
<script>
jQuery(function($){

    $('.avia-heading-row th').each(function(){
        var text = $(this).text();
        $(this).html('<span class="av-
rotated-text">' + text + '</span>');
    });

});
</script>
<?php

Then add this css code to rotate the text inside the heading row.

#top .avia-table th {
    height: 200px;
}

#top .avia-table th .av-rotated-text {
    display: inline-block;
    transform: rotate(90deg);
    transform-origin: left bottom;
    white-space: nowrap;
}

Best regards,
Ismael

Hey Angelika2017,
A few years ago Theme Forest stopped using the API Key for updating, and now uses the Token. So you will need to manually update with the steps below. Also Enfold v3.8 is not PHP v8+ ready, which is the most likely reason you can not make changes. Updating should solve.
We recommend creating a full site backup, including the database, please use your webhost tools for this and not a plugin, unless you are very conflict with the plugin. Another good approach would be to first create a staging site, most webhosts offer this as a single click option, if your webhost has the Softaculous script library that is available in cPanel & Plesk. If it lists your WordPress site you will see a button to create a staging site.
While we don’t expect any issues updating your site, this is a practical approach for such an old site.
If you don’t have a Theme Forest because a “developer” created this site for you using their own Theme Forest account, you may need to create your own account by purchasing your own license. Note that Theme Forest will not transfer licenses & we can not create licenses due to our contract with Theme Forest.

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.
After which you can go to your Theme Forest account and create a new Token for future automatic updates.

Best regards,
Mike

Hi,

Thank you for the screenshot.

Have you tried removing this css code?

#top #header.header-scrolled a {
    color: #ffffff !important;
}

If you can provide the login details in the private field, we’ll take a closer look.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Please try this css code:

#top .av-custom-form-color * {
    color: #333;
}

Result:

Best regards,
Ismael

Hey condonp,

Thank you for the inquiry.

This is possible but it will require some custom html and some css modifications. You can start with the following code:

<div class="av-custom-testimonial">
  <div class="av-testimonial-card">
    
    <div class="av-testimonial-left">
      <h3 class="av-testimonial-heading">What our clients say</h3>
      <div class="av-testimonial-stars"></div>
      <p class="av-testimonial-text">“Your testimonial text goes here.”</p>
      <div class="av-testimonial-client">Client Name</div>
      <div class="av-testimonial-client-meta">Client Title</div>
    </div>

    <div class="av-testimonial-right">
      <div class="av-image-wrap">
        <img src="image.jpg" alt="">
      </div>
    </div>
  </div>
</div>

Then add this code in the Quick CSS field:

.av-custom-testimonial .av-testimonial-card {
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 24px;
  background: #fff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(16, 24, 40, 0.08);
  max-width: 880px;
  align-items: stretch;
}

.av-custom-testimonial .av-testimonial-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 0;
}

.av-custom-testimonial .av-testimonial-heading {
  font-size: 1.25rem;
  line-height: 1.1;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 10px 0;
  display: inline-block;
  width: 50%;
}

.av-custom-testimonial .av-testimonial-stars {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 12px;
}

.av-custom-testimonial .av-testimonial-text {
  font-size: 0.98rem;
  color: #6b7280;
  margin-bottom: 14px;
}

.av-custom-testimonial .av-testimonial-client {
  font-weight: 600;
  font-size: 0.95rem;
  color: #08121a;
}

.av-custom-testimonial .av-testimonial-client-meta {
  font-size: 0.85rem;
  color: #6b7280;
  margin-top: 4px;
}

.av-custom-testimonial .av-testimonial-right {
  position: relative;
  min-height: 220px;
  overflow: visible;
}

.av-custom-testimonial .av-image-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 280px;
  overflow: hidden;
  border-top-left-radius: 140px 72px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  background: #f3f4f6;
}

.av-custom-testimonial .av-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 760px) {
  .av-custom-testimonial .av-testimonial-card {
    grid-template-columns: 1fr;
  }

  .av-custom-testimonial .av-image-wrap {
    position: relative;
    width: 100%;
    height: 220px;
    border-top-left-radius: 48px 26px;
  }

  .av-custom-testimonial .av-testimonial-right {
    min-height: auto;
  }

  .av-custom-testimonial .av-testimonial-heading {
    width: 70%;
  }
}

Best regards,
Ismael

Hi,

Thank you for the screenshot.

Adding this css code should help adjust the heading fonts.

[lang="ar"] #top #wrap_all .all_colors h1,
[lang="ar"] #top #wrap_all .all_colors h2,
[lang="ar"] #top #wrap_all .all_colors h3,
[lang="ar"] #top #wrap_all .all_colors h4,
[lang="ar"] #top #wrap_all .all_colors h5,
[lang="ar"] #top #wrap_all .all_colors h6 {
    font-family: 'Cairo', sans-serif;
}

Best regards,
Ismael

Hi,

Could you link to other thread that you are referring to please? As far as I can see, you have only started a single thread on the support forum: https://kriesi.at/support/profile/spiderlabz/topics/

Best regards,
Rikard