Hi,
For green font instead of a green background color change to this:

.av-special-heading.lime-background h2.av-special-heading-tag {
color: #719430;
font-family: 'Caveat', cursive;
}

Best regards,
Mike

Hi,
Glad to try to help, but I didn’t see any difference when enabling/disabling yoast.
We will leave this open while you double check.
Thanks for using Enfold.

Best regards,
Mike

Hi,
Thanks for the login to your site, when I checked the yoast plugin was active and I didn’t notice anything slow in your site loading so I ran two tests linked below.
with Yoast disabled it had First View in 3.907s
with Yoast abled it had First View in 3.978s
So no real difference, your slowest items were images that you could probably compress.
I tested your largest image on tinyjpg.com and it was able to make it 48% smaller:

so perhaps this would help you overall.

Best regards,
Mike

Hey Nic_007,
Do you want all H2 to be this font?
You can set this in Enfold Theme Options ▸ Advanced Styling choose the H2 element from the dropdown and choose the font.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
To add a custom class to almost any element in Enfold open the element and look in the Advanced tab and then in the Developer Settings and you will see the Custom Class field:

To make the background color just a little bit larger than the text I changed the css to this:

.av-special-heading.turquoise-background h1.av-special-heading-tag {
   background-color: #24727c;
    display: inline;
    padding: 0 20px;
    margin-left: -20px;	
}
.av-special-heading.lime-background h1.av-special-heading-tag {
    background-color: #719430;
    display: inline;
    padding: 0 20px;
    margin-left: -20px;
}

please clear your browser cache and check.

Best regards,
Mike

Hey audreyweddingsalon,
Thanks for the explanation and the link to your page, to change the product image link to the full size image try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function replace_product_image_with_full_size_image() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
    var lastOne = $('.single-product .woocommerce-product-gallery a').attr('data-srcset').split(',').pop().trim().split(' ')[0];
    $(".single-product .woocommerce-product-gallery a").attr('href', lastOne);
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'replace_product_image_with_full_size_image');

It gets the last image in the data-srcset which is the original full size image.

Best regards,
Mike

Hey Creatifcator,
Thanks for the link to your page, I compared your site with the Google font test page here
and it looks the same to me, please see the screenshot in the Private Content area.
Perhaps try clearing your browser cache following these steps for Safari and note step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thanks for the login, I added this css to your Quick CSS:

.av-special-heading.turquoise-background h1.av-special-heading-tag {
background-color: #24727c;	
}
.av-special-heading.lime-background h1.av-special-heading-tag {
background-color: #719430;	
}

Then for the special heading at the top of your homepage I added the custom class turquoise-background
now it shows a turquoise background color.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Chrisxx1982 thanks your your patience and your screenshot: https://imgbb.com/47sQ41L
I see that you said: The problem first appeared when I regenerated the thumbnails. is this because you changed the size of some of your images?
I recommend following audreyweddingsalon advice and first create a staging site to test on, most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.
Then for your issue I recommend installing the plugin Simple Image Sizes as it will give you an easy way to set certain images to no crop:

afterward you will want to use a regenerate thumbnails plugin.
The built-in thumbnail regeneration in the Simple Image Sizes plugin often fails for me, this is why I recommend a different plugin to regenerate thumbnails.
Please note there are several woocommerce & shop image sizes so try to change the ones you want to.

Best regards,
Mike

Hi,
I’m not sure which headline you want to look like it is highlighted, please include a screenshot and paste the image URL in your post and a direct link to the page.
Will this be for just one headline or all headlines?

Best regards,
Mike

Hi,
The anchor ID is what you choose it to be, I looked at your page and I see the hotspot link looks like id=”innovatieveteelten” is this what you typed in the manually link field? Please look at my screenshot above, in your case you should write #innovatieveteelten
I assume that you want it to go to the text INNOVATIEVE TEELTEN, but around this text you have added a link with the ID like this:
<h2 style="text-align: center;"><a href="#innovatieveteelten">Innovatieve teelten</a></h2>
please change to this:
<h2 style="text-align: center;" id="innovatieveteelten">Innovatieve teelten</h2>
If you have trouble achieving this please include an admin login in the Private Content area below so we can assist.

Best regards,
Mike

Hi,
To have the burger menu icon white with the header is transparent and have it change to dark gray when the burger menu is opened please try this css:

@media only screen and (max-width: 989px) { 
  .html_mobile_menu_tablet .header_color.av_header_transparency div .av-hamburger-inner, 
  .html_mobile_menu_tablet .header_color.av_header_transparency div .av-hamburger-inner::before, 
  .html_mobile_menu_tablet .header_color.av_header_transparency div .av-hamburger-inner::after {
  	background-color: #fff !important;
  }
  .html_av-overlay-side.av-burger-overlay-active #top .header_color.av_header_transparency div .av-hamburger-inner, 
  .html_av-overlay-side.av-burger-overlay-active #top .header_color.av_header_transparency div .av-hamburger-inner::before, 
  .html_av-overlay-side.av-burger-overlay-active #top .header_color.av_header_transparency div .av-hamburger-inner::after {
  	background-color: #404040 !important;
  }
}

After applying the css, please clear your browser cache and check.
If you have trouble try clearing your server cache or add the css to the WordPress ▸ Customize ▸ Additional CSS field

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Stephen,
Thanks for the link to your site, to remove the pencil icon from the gray square please try this css:

#top.blog .post-entry .blog-meta .small-preview .iconfont:before {
	display: none;
}

To remove the pencil icon and the gray square try this css:

#top.blog .post-entry .blog-meta {
	display: none;
}

To pick a different icon to show in the gray box go to the icon element and hover over the icon to want to use to see the Charcode

and then use it in this css:

#top.blog .post-entry .blog-meta .small-preview .iconfont:before {
	content: "\e82a";
}

Best regards,
Mike