Changing the background colour of a product page (Brooklyn theme)

Store Design
1

Hey,

Hoping someone might be able to help.

I am looking to change the background colour on a specific product page, not all of them…

Does anyone have any ideas on if/how this can be done?

Product Page: https://www.notacard.com/products/diy-birthday-cake

Any help will be much appreciated!

Thanks in advance,

James

2

Hello James.

Edit theme.scss.liquid under assets and add this css at the bottom

#diy-birthday-cake .main-content {
    background-color: red;
}

Note: Change color red a/to your need.

Thanks

3

Hi!

Head to the products backend page where you add the description etc and click the icon shown below:

example1.png
example1.png621×686 43.1 KB

At the top of this add the following:

This will set this pages background to be black (for other colours just google color hex codes and change the letters/numbers after the #)

1 Like
4

That’s ideal, cheers woody. Works perfectly.

5

You’re very welcome!

If you could spare a moment to read through my signature it would be very much appreciated :heart:

Also, if you need any help in the future feel free to message me directly :slightly_smiling_face: