Hi,

Thank you for the info.

You may need to check this thread: https://kriesi.at/support/topic/no-in-smart-quantity-woo-plugin/#post-1435087

The plugin might be conflicting with the theme’s custom quantity button. This can be fixed by editing the enfold/config-woocommerce/woocommerce-mod.js file and removing this code around line 131:

avia_apply_quant_btn();

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried following the suggestions in the PageSpeed Insight tool? The largest factor is the LCP (Largest Contentful Paint), almost 9 seconds, which can be improved by reducing the dimensions of the first image (sinnvollFUeHREN-Team-2024-de-1500×630.jpeg) and ensuring that it is compressed.

// https://pagespeed.web.dev/analysis/https-sinnvoll-fuehren-com/y0sdrq7rzb?form_factor=mobile

Additionally, there is a significant amount of content on the homepage causing excessive DOM size. You might want to consider removing some elements and transferring them to subpages.

In the Autoptimize plugin, you should try disabling the merging of resources (CSS/JS) and leaving compression enabled to eliminate render-blocking resources.

For more info about site optimization, please check the links below:

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.html

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the screenshot, please try this in Quick CSS:

#av-burger-menu-ul li.menu-item-23 {
  padding-top: 15px;
}

Best regards,
Rikard

Hey nadinedomnink,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header_main {
    border-bottom-width: 0;
    border-bottom-style: none;
}

to change the header background color use the settings at: Enfold Theme Options ▸ General Styling ▸ Logo Area Background Color

Best regards,
Mike

Hi,
This is because the original solution was for archive pages, this is a single tribe event page, for this add this code to the end of your child theme functions.php file in Appearance ▸ Editor and keep the other code:

function custom_single_tribe_events_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $("#top.single-tribe_events h1.main-title.entry-title").text("Kalender mit Ereignissen");
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_single_tribe_events_script');

Best regards,
Mike

Hi,
To change the h1 font size on single posts try this css:

#top.single-post #wrap_all .all_colors .post-entry h1.post-title.entry-title {
	font-size: 20px;
}

I’m not sure what you mean by changing your image size, when you upload an image WordPress creates thumbnails of it to be used in different situations, often cropping your image, but for best results you should resize you image before you upload it, here is a free online resizer. If you need further help with this please open a new thread and explain in more detail including the sie you want the image to show and what size you are uploading.
Please note that we ask that you create a new thread for each issue, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist. Thank you for your understanding.

Best regards,
Mike

Hi,

Another thing that might help with the LCP issue is to resize the image further. I know you already did this, but the current width of the original image is still 1200px, while the maximum size of the video container on desktop view is only 700px. This will be a lot smaller on mobile devices, so it will require a smaller image. Resizing the image to 700px or 600px (smaller is better) before uploading it should improve LCP.

This should also be done for the images in the columns (Couples Counseling, Individual Counseling, etc.) below the video. The rendered size of the image is only 355px, but the actual image is 845px in width. You should upload a smaller image or make sure to pick a smaller thumbnail size (portfolio, masonry, medium, etc.). The same thing should be done with the images below the “Schedule an appointment” button if you really want to optimize the loading speed of the page.

Best regards,
Ismael

Hi,

Thank you for the update.

We modified the css code a bit. Please try it again:

.tribe-events .tribe-events-l-container {
	padding-top: 0;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

The css code provided by @Guenni007 above should have removed the parallel lines above the share icons.

.html_elegant-blog #top .post-entry .post-meta-infos {
    display: none !important;
}

Do you have any other css modifications in the Quick CSS field? Please ensure that there are no invalid css codes (such as missing curly braces, semicolons, etc.) and that all css rules have been closed correctly.

Best regards,
Ismael

Hi,

You can also include this css code to decrease the space between the burger menu and the search icon:

.responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main.menu-item-avia-special > a {
    padding: 0 0 0 15px;
    margin-right: 0;
}

.responsive #top #menu-item-shop.cart_dropdown {
    margin-left: 0;
}

There’s no other way to increase the clickable area of the cart icon without increasing its container size.

Best regards,
Ismael

Hi,
I’m not sure what you mean, I see your header on the search results page, see the screenshot in the Private Content area.
Perhaps you mean that there is a large space at the top, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_header_top.html_header_topbar_active.html_header_sticky #top #main.swp-rp-main {
	padding-top: 0;
	margin-top: 0;
}

Best regards,
Mike

Hey Christian,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(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);
      });
    }
    replaceElementTag('.post-entry h2.post-title.entry-title ', '<h4></h4>');
  });
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
In the code change: <h4></h4> to suit. Note that this may not change the font size, if you also want to change the font size try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
	font-size: 20px;
}

and adjust to suit.
If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
To change the post h2 font size, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .all_colors .post-entry h2.post-title.entry-title {
	font-size: 20px;
}

adjust the font-size to suit.

Best regards,
Mike