Hello, I’m looking for assistance on how to code in a different specific background color for each page or multiple section within a page. Ideally, I want to be able to code in a different specific background color for each section within a page, so I color block them . I.e. on the “Our Story” Page, I’d like each section background color to be a different color instead of the primary and secondary backgrounds colors that I’m limited to (which is just white and gray). I wish there was a third/fourth background color option I could choose from. Here’s a link to my site: https://shop.hgher.com/pages/our-story
Thank you..
@andrewchg - for which page do you want different color? and which color? this will a lot of css settings, color needs to be changed for each element, it can get very complicated.
Hi @suyash1 , would it be easier just to change the primary background or secondary background color then instead of each element? I want to use different backgrounds colors for Pages like the contact page and story page from the main home page
@andrewchg - it may work, but will change all pages, please check by doing it
@suyash1 That is my issue at the moment, is that I’m limited to only one background color and one secondary background color for all the pages. I’m not sure how to code in a unique color for each page or template.
@andrewchg - use unique id/classes of the pages to set background color for them
Hello @andrewchg
I recommend you to use page metafield to change the primary and secondary background color of the page instead of going with CSS because it will be complicated to use id for each page.
If you need help in setup contact me.