Product page background color to be different than home page color

Store Design
1

Hey,

Do you know a method to keep the home page and collections page background to a specific color ( for exemple keep it black ) and the product pages to be white?

I’ve tried to only edit the main background color to black, but the product pages automatically turn black as well, and I those one’s I want to keep them white…

Here is the preview of the theme : https://priomag.ro/?_ab=0&_fd=0&_sc=1

Screenshot 2023-10-30 at 22.20.03.png
Screenshot 2023-10-30 at 22.20.03.png400×260 43.7 KB

2

Hi @Denis28
It’s Artzen Technologies, we are happy to help you today.

Keep the same CSS which you added for background color and jsut add the CSS which I will mention.
To make only product pages of different background, try the below CSS.
Go to OnlineStore-> EditCode-> Assets-> Base.CSS (Or other CSS file)

.template-product {
    background: white;
}

The below Screenshot is the demo of this CSS.

Artzen_tech_1-1698756964419.png
Artzen_tech_1-1698756964419.png1365×520 133 KB

Let me know if need further assistance
Regards,
Artzen Technologies

3

Thanks! It worked just perfect.

Do you know a method to make this button stay red? It stays white even tho I changed the colors for it . It’s the add to cart button.

Denis28_0-1698760142026.png
Denis28_0-1698760142026.png1173×554 272 KB

4

@Denis28
First please accept previous solution, then only i can help you further

5

@Denis28

Here is your solution.

button.add-to-cart.sf__btn.w-full {
    background: red;
    color: white;
}

The screenshot is the preview of how it will look.

Artzen_tech_0-1698838498625.png
Artzen_tech_0-1698838498625.png1342×544 75.5 KB

If helpful, please Like and Accept this Solution to help others

6

##-Can the background remain the same color?