How to match collection page background color with homepage?

sao
Explorer
189 0 19

Hi Guys! 🤝👍Please help me with a easy task, I wanna put the same background color on collections pages like on homepage.. 

store link: www.aiciavem.ro

Replies 6 (6)

MiraNextipedia
Shopify Partner
18 1 3

Are you running into trouble when editing your online store's theme?

I was able to change my background color to red (from white) by going to Sales Channels>Online Store>Themes>Customize (on the live theme)>Theme Settings Widget (Top Left Corner)>Colors>Scroll down to "Background 1">Enter the hex color you'd like. When I changed the color on my homepage, it automatically changed it on the collections page. If that doesn't work for you (it could be a theme setting difference), choose "collections" in the top center of the page and then change the background color there. Be sure to save your work! If you don't have these options, you may be running up against a theme issue.

Nextipedia
info@nextipedia.com
www.nextipedia.com

PageFly-Oliver
Astronaut
840 175 155

Hi @sao ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
#MainContent .shopify-section {
    background: #f2f2f7!important;
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

websensepro
Shopify Partner
1011 139 147

Hi Sao,

Just like you change the background color of your home page, similarly you can change the bg color of collection pages by copying the color code.

bg color.png

 Save changes.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
sao
Explorer
189 0 19

Can you please help me also with more complex things?

websensepro
Shopify Partner
1011 139 147

Yes Of course,

 

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
websensepro
Shopify Partner
1011 139 147

The solution I gave you earlier was helpful for you?

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here