New Shopify Certification now available: Liquid Storefronts for Theme Developers

Background of product information page is still in the base theme's color. How Do I change?

wisteriafalls
Tourist
10 0 4

Background of product information page is still in the base theme's color. How Do I change? I want to change it to my scheme that I have set for the rest of the store. Just don't know how to access this. 

Replies 9 (9)
Made4uo-Ribe
Shopify Partner
4217 975 1187

Hi @wisteriafalls 

Would you mind to share your Store URL website? with password if its protected. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


wisteriafalls
Tourist
10 0 4

www.wisteriafalls.shop

here it is. thaanks for the help in advance

wisteriafalls
Tourist
10 0 4
Made4uo-Ribe
Shopify Partner
4217 975 1187

Thank you for the information. Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

 

section#shopify-section-template--20738714534186__main {
    background: #c9a0dc;
}

 

 

  • And Save.

I hope it help. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


wisteriafalls
Tourist
10 0 4

Thanks for your help. this did not work tho. Still is the same color. Look at the cart, look at the background of the collections. still the regular color. need it to be that lavender color (C9A0DC) I'm looking for.

Made4uo-Ribe
Shopify Partner
4217 975 1187

Check this one if it change all the background pages.

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "theme.liquid" folder, paste it before the </body> tag.

 

<style>
.drawer__inner, .drawer__header, .drawer__footer {
    background: #C9A0DC;
}
form#CartDrawer-Form thead {
    background: #C9A0DC;
}
main#MainContent {
    background: #C9A0DC;
}
</style>

 

  • And Save.

I hoe it help. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


wisteriafalls
Tourist
10 0 4

Yes that works thank you. But now my website has the code on the top of the website. Is that a user glitch? 

wisteriafalls
Tourist
10 0 4

If I could ask your help some more, this changed my font size and makes the about us page very small. How do I fix that? Not only that, I want my featured collection tab go straight to the product page, how do I do that? If I can't, then how do i get rid of that white bar in between the tabs and the collections list? Thanks man! really appreciate it.

wisteriafalls
Tourist
10 0 4

One more thing, on the cart page, the button is blue. Can we change it to #BFFB7B with white as the text. Thanks!