Solved

Origin theme- Product pages background colour

Rebecca07
Tourist
14 0 4

Hi everyone,

 

I wonder if you can help me! I am trying to change the background of the shop and individual product pages to brown to match with color scheme 4 which we've used across our site, but it is defaulting to a grey colour and I'm unable to changing the  code on theme.liquid with:

 

#shopify-section-template--20368151970082__main {
background-color: #855832 !important;
}
</style>
</body>

 

But it hasn't worked, there also seems to be a weird border/margin in the same colour on the shop and product page. Can anyone help please?! Our site is: www.littlebearfeet.com 

 

Rebecca07_0-1707316176262.png

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
995 259 204

This is an accepted solution.

Hey @Rebecca07,

 

Follow these instructions 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
section.shopify-section.section,
#MainContent {
    background-color: #855832;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707317306403.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
995 259 204

This is an accepted solution.

Hey @Rebecca07,

 

Follow these instructions 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
section.shopify-section.section,
#MainContent {
    background-color: #855832;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707317306403.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here
Rebecca07
Tourist
14 0 4

Ah amazing! Thank you so much 🙂