EMERGE theme: change background colour on product page

Store Design
1

Hi there currently the product page has a default white-ish grey colour i’d like to have it the same colour as header and text box: #f0ebd6

https://kevsjuice.myshopify.com/

https://mfps2qqadl8kv4lr-59320041629.shopifypreview.com

Is this easy to do? Screenshot attached

Thanks in advance

Screen Shot 2021-09-16 at 5.15.05 PM.png
Screen Shot 2021-09-16 at 5.15.05 PM.png1415×683 147 KB

2

@oliverjames

Please share store URL.

Thanks!

3

https://kevsjuice.myshopify.com/

https://mfps2qqadl8kv4lr-59320041629.shopifypreview.com
Thanks

1 Like
4

@oliverjames

Please add the following code at the bottom of your assets/theme–critical.css file.

body.template--product {
    background-color: #f0ebd6 !important;
}

.product-page--main {
    background-color: #f0ebd6 !important;
}

.template--product .layout--main-content {
     background-color: #f0ebd6 !important;
}

Thanks!

5

@oliverjames

If helpful then please Like and Accept Solution

6

Hi,

I am trying to do the same thing with the Emerge themed site we are setting up. How do I access “assets/theme–critical.css” file? Apologies for the very rudimentary question.

Thanks,
Orrin

7

Hi, I realized that I didn’t have access to the code without purchasing the theme, which I did. I found the relevant file and added the code to the end of it (with my desired color substitutted in), but for some reason it isn’t making any difference on the page.

Is there any chance that this code won’t work in the latest version of the theme or is there something else that I am missing?

Thanks,
Orrin