Hi,
Sorry I meant to link to this thread

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
You are correct, in my excitement I didn’t notice this, so it seems your forms and your popup are created with the same snippet from getresponse, and I don’t see a way to either remove the popups on certain pages or only show the form on certain pages, so I would advise to create two campaigns, if this is what getresponse calls them, one for the popups only so that you have a code snippet to use in the function I created and another for your forms that will use a different snippet on all of your pages that you can add to your Head, Footer and Post Injections plugin like before. I realize this may not be what you want, having two lists or campaigns, but I don’t see another option since getresponse is not giving you this option.
Perhaps you could hire someone with better javascript skills on Upwork that can remove the popups on those pages, if so I would like to see the solution because I tried a lot of different ways and I’m out of ideas :)

Best regards,
Mike

Hi,
To have the columns next to each other try changing the width: calc(50%); to 43% or less:

Best regards,
Mike

Hey Michelle,
Thanks for your question, I tested the Guillemets in a text block and they work on my test site:
« »

and the ones you posted above in the forum also are working. Perhaps you are using a custom font that doesn’t support them?
Perhaps you have a plugin causing a conflict, try disabling your plugins.
Please give this a try, if you still have problems then please include an admin login in the Private Content area and link to a test page so we can be of more assistance.

Best regards,
Mike

Hey Marc,
It looks like the LayerSlider doesn’t support Lottie files, I tested them as a code snippet but it didn’t work and it gave no errors.
I asked the rest of the team for any ideas but we may need to wait for the LayerSlider to start supporting them.

Best regards,
Mike

Hi,
Thanks for the feedback, I found that the popup only shows a certain number of times, so the last two times after testing a dozen or so times when it stoped showing I thought I had found a solution. This is trickly the div that the popup is in is added as a shadow-root with the css so you can’t just add css to block it, I think they make it tough so ad blockers can’t block it.
The popups are added by the code snippet that was in your Head, Footer and Post Injections plugin so I removed the snippet and added it to this snippet where it says //Put Your Tracking Code Here, this code excludes the snippet from showing on any page in the array by page ID:

function exclude_certain_pages_from_getresponse_popup(){
  if( ! is_page(array(31420, 11481))) {
?>
//Put Your Tracking Code Here
<?php
  }
}
add_action('wp_head', 'exclude_certain_pages_from_getresponse_popup');

I won’t post your full code here, but you can see it in your Code Snippets plugin.
Please clear your browser cache and check.
Best regards,
Mike

Hey Xiscoj,
Please link to a test page with your CF7 on it so we can check the elements, and perhaps add a Enfold contact forum under it to show the format you are expecting.

Best regards,
Mike

Hi,
To change the big icon list into a small icon list for mobile we need to swap the class av-iconlist-big with av-iconlist-small and change the iconlist title by swaping the class av_iconlist_title with av-iconlist-small and by default the small icon list title doesn’t use a H tag it uses a plain div.
So note that in the following snippet it looks for the ID Ablaufschritte and it removes your h4 tag, so if you change the H tag in the future or your section ID you will need to update the snippet.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_iconlist_big_to_small_below_tablet() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  	function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    $('#Ablaufschritte').each(function() {
      var width = $(window).width();
    if ((width <= 767)) {
      $('.avia-icon-list').removeClass('av-iconlist-big').addClass('av-iconlist-small');
      $('li').each(function() {
      	$('.av_iconlist_title').removeClass('iconlist_title').addClass('iconlist_title_small');
      });
      replaceElementTag('h3.av_iconlist_title', '<div></div>');
    } else {}
  });
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'change_iconlist_big_to_small_below_tablet');

When you test with the Dev Tools on your desktop you will need to refresh the page after emulating a mobile device, this will work correctly on a real mobile device, and if you switch back to a desktop screen you will need to refresh again.
Since a real mobile device won’t switch the screen size in the real world there is no reason to make the code more complicated.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Your snippet is to make the single product gallery images 250×250, but I don’t see that you have any single product gallery images on your product pages, so I assume that you was hoping this would do something else.

Nonetheless I added it to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
return array(
'width' => 250,
'height' => 250,
'crop' => 1,
);
});

Perhaps this article will help you with what you are trying to achieve: How to override WooCommerce Image Sizes

Best regards,
Mike

Hey Malene,
I checked your site but didn’t see any errors, and I don’t see a LayerSlider on the page, but the line you are refuring to seems to be for the slide count.
Are you seeing this because you have WP Debug enable?

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, 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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .awpage-document strong,
#top .awpage-document label span {
	color:#fff;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, let us know if you need any further help or if we should close this thread.

Best regards,
Mike

Hi,
Thank you for your patience, first add the custom class black-background-color to your product columns:

Then highlight the text you want to be white and set the color:

I added this css for you in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

.black-background-color {
	background-color: #000;
}

Now one product is done, please try following these steps for the rest of your products:

Best regards,
Mike