Hi,
Thanks for the link to your page, I found your border to not include the radius but it was working from what you added to the child theme stylesheet, I added the radius to your rule with a little padding and also testing it in your Quick CSS and it works in both places:

.av-masonry-sort a {
    border: solid 2px black;
	border-radius: 25px;
	padding: 0 10px;
}

so I imagine the issue was your caching plugins, which is a common issue, I recommend to disable your caching while building your site and when it is done then enable it.
As for the font size of your masonry content, in your Quick CSS had the size set to: font-size: 0.5em; which is very small, so I changed it to font-size: 1.5em; to match your title, so the Quick CSS is working, what size do you want it to be?
I test with Chrome on Windows, if you are testing with Safari it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Glad Ismael could 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,
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,
Glad to hear, what was the correct code, or how did you correct it?

Best regards,
Mike

Hi,
Glad Rikard could 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,
Thanks for your feedback, I understand that you are using a custom header widget, but I don’t recognize the ydf-logo-social using the font awesome icons, I thought you had used html to add them, are you using a plugin shortcode to add them? This is not from the theme.
If you are using a plugin shortcode try looking in it’s settings for an option to open the links in a new tab, or check the plugin support page for a function that will add this, otherwise please include an admin login so I can see how these are added.

Best regards,
Mike

Hi,
It looks like you forgot to add the custom class full_width_tab_section to the tab section, so that solves the full-width images, but you need to add your “team” grid in a code block element like on the test page so they are not full width.

Best regards,
Mike

Hi,
Thanks for the feedback, did you add the information into the Product short description

If so and you cleared your cache and still have trouble please include and admin login to your site and a direct link to your page so we can examine.

Best regards,
Mike

Hi,
Glad to hear this helps, try this css to assign the page ID:

@media only screen and (max-width: 767px) { 
#top.page-id-158578 #wrap_all #main div .first, 
#top.page-id-158578 #wrap_all #main div .no_margin {
    margin-left: 0;
}
#top.page-id-158578 #wrap_all #main .unit.alpha, 
#top.page-id-158578 #wrap_all #main .units.alpha, 
#top.page-id-158578 #wrap_all #main div .first {
    margin-left: 0;
    clear: left;
}
#top.page-id-158578 #wrap_all #main div .av_one_third,
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry {
    margin-left: 4%;
    width: 29.333333333333332%;
}
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry.first {
	margin-left: 2%;
    width: 29.333333333333332%;
}
#top.page-id-158578 #wrap_all #main div .flex_column {
    z-index: 1;
    float: left;
    position: relative;
    min-height: 1px;
}
#top.page-id-158578 #wrap_all #main .avia-content-slider .slide-entry-wrap {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry,
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-even .slide-entry.slide-parity-odd, 
.responsive #top.page-id-158578 #wrap_all #main .avia-content-slider-odd .slide-entry.slide-parity-even {
	clear: none;
}
}

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

Best regards,
Mike

Hi,
Please try this css for desktop & mobile for
Checkout
Method of payment
shipping

@media only screen and (max-width: 379px) { 
#top #order_review .woocommerce-shipping-totals.shipping td label,
#top #order_review .woocommerce-shipping-totals.shipping td label bdi,
#top #order_review .woocommerce-shipping-totals.shipping td label bdi .woocommerce-Price-currencySymbol {
	font-size:10px;
}
#top #order_review .woocommerce-shipping-totals.shipping td {
    left: 14px!important;
}
}
@media only screen and (max-width: 450px) { 
#top #order_review .woocommerce-shipping-totals.shipping {
	height: 81px;
}
#top #order_review .woocommerce-shipping-totals.shipping td {
    width: 300px!important;
    max-width: 300px!important;
    left: 47px;
    position: absolute;
}
#payment .payment_method_ppcp-gateway label {
	color: transparent;
}
}
@media only screen and (min-width: 451px) { 
	#top #order_review .woocommerce-shipping-totals.shipping td {
    width: 300px!important;
    max-width: 300px!important;
	}
}
@media only screen and (max-width: 768px) { 
	.responsive #top table.woocommerce-checkout-review-order-table .product-name {
    border-left-style: none;
	}
}

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

Best regards,
Mike

Hi,
Thanks for the feedback, I see that you are using a SVG logo and it doesn’t seem to be one image, every part of the logo is individual so it doesn’t scale down to the parent container, you need to specify the coordinates within the SVG image independently of the scaled size of the image, use the viewBox attribute on the SVG element.
See here
So you will need to edit the SVG to have a max-width of 800px

Best regards,
Mike

Hey patrikbeneke,
Ich bin mir nicht sicher, ob ich verstehe, was „Loge“ ist, es sieht so aus, als wäre Ihre Seitenbreite auf 1310 Pixel eingestellt. Wenn Sie also möchten, dass die Bilder auf Ihrer Seite 800 Pixel breit sind, würde ich empfehlen, diese Größe im Bildelement auszuwählen oder hochzuladen die Bilder in der Größe und wählen Sie Ihr Menü. volle Größe im Element, da sie im Moment 495 Pixel breit sind und es nicht so gut aussehen wird, sie auf 800 Pixel zu zwingen. Aber dieses CSS zwingt sie auf 800px, wenn Sie es wünschen.

#top.home .avia-image-container img {
	width: 800px;
}

— Translated with Google —

I’m not sure that I understand what “Loge” is, it looks like your page width is set to 1310px so if you want the images on your page to be 800px wide then I would recommend choosing this size in the image element or uploading the images at the size and choose your menu. full size in the element because right now they are 495px wide and forcing them to 800px will not look so good. But this css will force them to 800px if you wish.

#top.home .avia-image-container img {
	width: 800px;
}

Best regards,
Mike

Hi,
Merci pour le lien vers votre site, pour faire coller votre section couleur “barre de menu” sous le header on scroll j’ai ajouté le script et css suivant à votre thème enfant, et dans mes tests la “barre de menu” avec la classe personnalisée” collant” se collerait dès qu’il toucherait l’en-tête. Pour les mobiles, sous 990px, puisque l’en-tête n’est pas collant, ce script ferait coller la “barre de menu” en haut de l’écran. Cela a bien fonctionné dans mon test en injectant le code via le navigateur.
Mais lorsque j’ai ajouté ceci dans votre thème enfant, la hauteur du défilement n’est pas correcte, il ne colle donc pas jusqu’à un défilement beaucoup plus loin, peut-être que cela a à voir avec votre mise en cache, alors laissez-le en place, veuillez essayer d’effacer ou de désactiver votre cache et vérifiez la page.

— Translated with Google —

Thank you for the link to your site, to make your color section “menu bar” stick under the header on scroll I added the following script and css to your child theme, and in my tests the “menu bar” with the custom class “collant” would stick as soon as it touched the header. For mobile, under 990px, since the header is not sticky this script would make the “menu bar” stick at the top of the screen. This worked well in my test by injecting the code via the browser.
But when I added this into your child theme the height of the scroll is not correct so it doesn’t stick until a much further scroll, perhaps this has to do with your caching so left it in place, please try clearing or disabling your cache and check the page.

this function in your child theme functions.php

function custom_collant_script() { ?>
    <script>
(function($){
  $(function() {       
     var scroll_start = 0;
     var startchange = $('.avia-section.collant');
     var offset = startchange.offset();
     var width = $(window).width()
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if ((width >= 990)) {
        if(scroll_start > offset.top - 117) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top');
         }
        }
        if ((width < 989)) {
        if(scroll_start > offset.top) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top-mobile');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top-mobile');
         }	
        }
     });
      }
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_collant_script');

and this css

.sticky-top {
    position:fixed!important;
    top:117px!important;
    z-index:600!important;
}
.sticky-top-mobile {
    position:fixed!important;
    top:0!important;
    z-index:600!important;
}

Best regards,
Mike

Hey sebzh22,
Merci pour votre patience, pour utiliser l’élément de maçonnerie pour afficher les produits et avoir plus d’informations affichées au survol de la souris, survolez, veuillez vous rendre sur votre produit et ajouter vos informations supplémentaires dans la courte description du produit, puis ajoutez ce css à votre CSS rapide domaine:

#top .av-masonry-entry:hover .av-masonry-entry-title,
#top .av-masonry-entry:hover .price span {
	display: none;
}
#top .av-masonry-entry .av-masonry-entry-content {
	display: none;
}
#top .av-masonry-entry:hover .av-masonry-entry-content {
	display: block;
	font-size: 1.5em;
}

puis au passage de la souris, le titre et le prix se cacheront et plus d’informations s’afficheront, vous pouvez ajouter des emoji mais le shortcode ou le html ne fonctionnera pas ici.
J’ai lié à ma page de démonstration ci-dessous.

— Translated with Google —

Thank you for your patience, to use the masonry element to show products and have more information shown on mouse-over, hover, please go to your product and add your extra information in the Product short description, then add this css to your Quick CSS field:

#top .av-masonry-entry:hover .av-masonry-entry-title,
#top .av-masonry-entry:hover .price span {
	display: none;
}
#top .av-masonry-entry .av-masonry-entry-content {
	display: none;
}
#top .av-masonry-entry:hover .av-masonry-entry-content {
	display: block;
	font-size: 1.5em;
}

then on mouse-over the title and price will hide and the more information will show, you can add emoji but shortcode or html will not work here.
I linked to my demo page below.

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