beatrizc

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 @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 @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!