beatrizc

You're welcome! For the main shop page the code needed is different. This should do it for the Impression sur porte: #thumb-impressionsurporte .grid-prices { display: none; } And this other one for the Bois imprimé: #thumb-boisimprime .grid-prices { display: none; } Hope this helps!

Hey @DanPrime! You can add an image there via CSS, if it's NOT meant to be a clickable element. Otherwise you'll need JavaScript. If it's just an image what you're after, this code should help you get there: .eventitem-column-meta::after { background-image: url(IMAGE.PNG); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 200px; width: 100%; } You'll need to: Replace IMAGE.PNG with the URL of the image you want to use. Modify the height property to make the image bigger or smaller (horizontally it'll reach a maximum width that matches the sidebar content) Change background-position to left or right, if you need to realign the image. ------------------- Note that the code, as is, will apply to ALL event items inside your site. Therefore ALL of them will have the same image showing in that area. If you want to narrow things down to ONE event, you can include the Page ID in your code, like so: #page-id-goes-here .eventitem-column-meta::after { background-image: url(IMAGE.PNG); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 200px; width: 100%; } If you need help finding your event's page ID, you can check out this post to know where to look for it. Hope this helps!

Hey @cinstudio! You can use the following snippet to change that folder bg color if you're in Brine, 7.0: .Header-nav-folder { background-color: black !important; } Or this other one if you're in 7.1: .header-nav-folder-content { background-color: black !important; } Assuming that you'll be applying this only for the blog page – if you're adding the code to the Custom CSS window – you can include the page ID in the snippet if you need to, like this: #page-id-goes-here .header-nav-folder-content { background-color: black !important; } (Same thing for 7.0, but with the corresponding selector from before). Hope this helps!

Hey @GSSinc! You can target the specific elements you want to hide on a page through their IDs or classes, and then the key is to incorporate the Page ID in the selector, to make sure that only the things on THAT page get hidden. In your case, this would hide those things for the Bois imprimé page: #item-641c80a84e0e422f69e4c2b7 .ProductItem-product-price, #item-641c80a84e0e422f69e4c2b7 .product-quantity-input, #item-641c80a84e0e422f69e4c2b7 .sqs-add-to-cart-button-wrapper { display: none; } And this other one would hide it for the Impression sur porte: #item-641c7c52b877667b3a3e6db6 .ProductItem-product-price, #item-641c7c52b877667b3a3e6db6 .product-quantity-input, #item-641c7c52b877667b3a3e6db6 .sqs-add-to-cart-button-wrapper { display: none; } I have a tutorial on how to find Page IDs here if you need to do the same thing for other products. You'll simply need to duplicate either of the previous snippets and replace the page id with the corresponding one for your new product page. Hope this helps!

Hey @Anco326! From what I can see, the grid-image-inner-wrapper is a class, not an ID. So, if you modify the selector slightly in your code and use a period instead of a pound sign, you should be set! .grid-image-inner-wrapper img { width: 100%; height: 100%; object-position: 50% 50%; object-fit: contain !important; } Hope that helps!

I see what you mean! You can use this modified version of the snippet to make sure the background is also removed from the .section-background container: [data-section-id="62e217a2272db41bddb2ac0e"] .section-border, [data-section-id="62e217a2272db41bddb2ac0e"] .section-background { background-color: transparent; } That should do the trick!

Hey @CynMetz! That issue is coming from a recent update. There's a new container (.section-border) that carries the background color for the content sections. And since that one isn't being targeted in your current code, it's not set as transparent. You can easily fix that by swapping that second code line for this one: .page-section, .section-background, .section-border {background:transparent!important;} Hope that helps!

Hey @studionew! If I understand correctly what you're trying to do, you can apply flexbox to the summary block to make the height adjustment automatic vs. setting a manual height value for the title container. Here's the snippet you can use for Grid Summary Blocks: .sqs-gallery-design-autogrid .summary-item-list { display: flex; flex-wrap: wrap; } .sqs-gallery-design-autogrid .summary-item { display: flex; flex-direction: column; } Keep in mind the code as is will apply to ANY Grid Summary Block you have on the site. Hope that helps!

Hey @AJohnston2022! You can achieve that by changing the hover mode "trigger". Instead of having the arrow rotate when hovering over the title of the folder, you can make it rotate when you hover anywhere on the entire folder + dropdown container. To do that, you'll need to modify the hover mode snippet, like so: .header-nav-item--folder:hover .header-nav-folder-title::after{ transform:rotate(0deg) }; Hope that helps!

Hey @carlosatbv! It looks like the problem is coming from a recent update made to the section containers. There's an easy fix for it, tho. You'll need to set the background-color of the .section-border container as transparent for those specific sections, like so: [data-section-id="62e1ebdb37f3380f89785e44"] .section-border { background-color: transparent; } Make sure to use the corresponding data-section-id for each page. Hope that helps!

Hi, You can reduce the spacing between text styles by editing the top and bottom margins. However I wouldn't recommend making them all zero since some whitespace between text blocks improves readability. You can try by editing only your body text's top margin, so there's less spacing between titles and body: p { margin-top: 0; } I tried it on a section of your page between the Marta Halina title and her bio, this is before: And this is after: Hope that helps. B.