Hi,
It is an SVG, so you must use “fill” and not color.

Best regards,
Mike

Hi,
If you leave the PHP at v7.0 you can update the theme to v7.1.3 and then update PHP. You should not lose access. But please note my previous post that creating a full site backup and using a staging site to test the update would be the best option.
This way if the staging site fales your live site is still available. We do not expect issues, but as with anything, it is possible.

Best regards,
Mike

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,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Glad that Yigit could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey ti2media,
Try adding this snippet to your child theme functions.php:

function add_sticky_info_box() {
    ?>
    <style>
        .sticky-info-box {
            position: fixed;
            bottom: 120px;
            right: 20px;
            width: 300px;
            height: 300px;
            background: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 9999;
            display: flex;
            flex-direction: column;
            padding: 20px;
            box-sizing: border-box;
            transition: opacity 0.3s ease;
        }
        
        .sticky-info-box.hidden {
            display: none;
        }
        
        .sticky-info-box-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 15px;
        }
        
        .sticky-info-box-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin: 0;
            flex: 1;
        }
        
        .sticky-info-box-close {
            background: none;
            border: none;
            font-size: 24px;
            color: #999;
            cursor: pointer;
            padding: 0;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.2s ease;
        }
        
        .sticky-info-box-close:hover {
            color: #333;
        }
        
        .sticky-info-box-message {
            flex: 1;
            color: #666;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 20px;
            overflow-y: auto;
        }
        
        .sticky-info-box-button {
            background: #0073aa;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            transition: background 0.2s ease;
        }
        
        .sticky-info-box-button:hover {
            background: #005a87;
        }
        
        .sticky-info-toggle {
            position: fixed;
            bottom: 120px;
            right: 50px;
            width: 50px;
            height: 50px;
            background: #0073aa;
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 9998;
            display: none;
            align-items: center;
            justify-content: center;
            transition: background 0.2s ease;
        }
        
        .sticky-info-toggle:hover {
            background: #005a87;
        }
        
        .sticky-info-toggle.visible {
            display: flex;
        }
    </style>
    
    <div class="sticky-info-box" id="stickyInfoBox">
        <div class="sticky-info-box-header">
            <h3 class="sticky-info-box-title">Important Information</h3>
            <button class="sticky-info-box-close" id="closeInfoBox" aria-label="Close">×</button>
        </div>
        <div class="sticky-info-box-message">
            <p>This is your information box! You can customize this message to display any content you'd like to share with your visitors.</p>
        </div>
        <a href="/your-page-url" class="sticky-info-box-button">Learn More</a>
    </div>
    
    <button class="sticky-info-toggle" id="infoToggle" aria-label="Show information">ℹ</button>
    
    <script>
        (function() {
            var infoBox = document.getElementById('stickyInfoBox');
            var closeBtn = document.getElementById('closeInfoBox');
            var toggleBtn = document.getElementById('infoToggle');
            
            // Close the info box
            closeBtn.addEventListener('click', function() {
                infoBox.classList.add('hidden');
                toggleBtn.classList.add('visible');
            });
            
            // Show the info box again
            toggleBtn.addEventListener('click', function() {
                infoBox.classList.remove('hidden');
                toggleBtn.classList.remove('visible');
            });
        })();
    </script>
    <?php
}
add_action('wp_footer', 'add_sticky_info_box');

Then adjust the title, message, buttone text & link to suit. You can also adjust the CSS to change colors, etc.
It places the box & info button 120px from the bottom so they are above the scroll-top button, ratio than have them move if the scroll-top shows, which would not be so good.

Best regards,
Mike

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Glad that Guenni007 could help, Thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
For mobile add this css:

#top #wrap_all .header_color .menu-item-30.av-menu-button-colored > a .avia-menu-text {
    background-color: #6c0f1b;
    border-color: #6c0f1b;
}
#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text {
    color: #000;
}

Please note that mobile devices don’t have a hover rule, but the color changes on click, like the desktop hover, adjust to suit.

Best regards,
Mike

Hey ceakins1908,
Try this css in your Quick CSS:

#top #wrap_all .header_color #menu-item-30.av-menu-button-colored > a .avia-menu-text {
    background-color: #6c0f1b;
    border-color: #6c0f1b;
}
#top #header.header_color.av_header_transparency .av-main-nav > li.av-menu-button-colored > a:hover .avia-menu-text {
    color: #000;
}

Adjust the black hover color to suit, then clear your cache and check.

Best regards,
Mike

Hey photographie-tous-azimuts,
Thanks for your patience, try this code in your child theme function.php:

function custom_ingredientItems_script() { ?>
  <script>
// Wait for DOM to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
  // Get all ingredient list items
  const ingredientItems = document.querySelectorAll('.flex_column li');
  
  // Get all slider navigation dots
  const slideDots = document.querySelectorAll('.avia-slideshow-dots .goto-slide');
  
  // Exit early if either element group doesn't exist
  if (ingredientItems.length === 0 || slideDots.length === 0) {
    return;
  }
  
  // Make sure we have matching items
  const itemCount = Math.min(ingredientItems.length, slideDots.length);
  
  // Add click handlers to each ingredient item
  for (let i = 0; i < itemCount; i++) {
    const li = ingredientItems[i];
    const dot = slideDots[i];
    
    // Add cursor pointer style
    li.style.cursor = 'pointer';
    
    // Add click event
    li.addEventListener('click', function() {
      // Trigger click on corresponding slider dot
      dot.click();
      
      // Optional: Add visual feedback
      ingredientItems.forEach(item => item.style.fontWeight = 'normal');
      li.style.fontWeight = 'bold';
    });
  }
  
  // Optional: Highlight first ingredient by default
  if (ingredientItems.length > 0) {
    ingredientItems[0].style.fontWeight = 'bold';
  }
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_ingredientItems_script', 99 );

In my test it is working.

Best regards,
Mike

Hey condonp,
Thanks for your patience, the FB widget looks correct to me:

please explain further.

Best regards,
Mike

Hi,
Try adding this css:

.slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a.avia-svg-icon svg:first-child, .alternate_color .ajax_controlls a.avia-svg-icon svg:first-child, .alternate_color .av-share-box ul li svg:first-child, .alternate_color .avia-svg-icon svg:first-child {
    fill: #ffffff !important;
}
.alternate_color .avia-testimonial-subtitle,.alternate_color strong.avia-testimonial-name {
	color: #ffffff !important;
}

Best regards,
Mike

Hey Tony T,
Thanks for your question, since you state that the site was built by a developer long ago, I assume that it was built using their Envato (Theme Forest) account and not your friend’s, unfortunately this occurs. So you will need to purchase a license though a new account with your friend’s email address so they have future updates. Then you can 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.
This will not interfere with your child theme modifications.
Please note that while we don’t expect any errors, the best course of action for such an old version is to create a stagging site, most webhost have this option, then update it first to see if you have errors. If it works fine then create a full backup, with your webhost options, and try the update on your live site.
Please also note that Enfold 3.0.4 is not PHP v8+ ready, so you will need to switch back to the v7 version before updating the theme.

Best regards,
Mike

Hey Robert Koopman,
I see that you are using v4.5.7 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