I’m trying to change the main bg color of the ‘our expert’ page to #5bcbf5 but can’t seem to figure out how to do it. Using the Symmetry theme.
Any help is appreciated.
page: https://geniusproteintest.myshopify.com/ (our experts tab)
pw: sps55
Hi @Ronin
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:
body.template-page:not(body.template-page.template-suffix-story) {
background: #5bcbf5;
}
-
And Save.
-
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Figured it out. For me it was main.css and your code worked!
Question, how would I now go about changing the bg of the ‘Our Science’ page. I can’t figure out how the code you shared specifies what page to apply the bg change to or I would just make the tweak and finish up.
I check that your store have different class name on every pages. But they have almost the same name on the ‘Our Science’ page so the code call the Experts page not the Science. Do you want to add background to(Our Science) page?
Yes, I’d like the Our Science page to have the background color #bd7cb5
Thank you VERY much for all of your help!
Hey Made4uo-Ribe!
Any chance you could help with the code for that other page? I really appreciate your help.
Yep, sure. Same Instruction.
body.template-page.template-suffix-story.swatch-source-native.swatch-method-swatches.swatch-style-icon_circle {
background: #bd7cb5;
}
And Save.
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!