All things Shopify and commerce
I changed the colour scheme for my website https://adistore.co.uk for 'Announcement Bar', 'Header' and 'Footer' and wanted to keep the rest of the website with white background and text in black. However, while the 'Home' page remains as I wanted to be but the background colour appears on all the other pages. I want to keep consistency i.e. background colour should apply only to three sections, as mentioned above. When I try to change the background colour on subsequent pages, it applies to whole page. I would appreciate it if anyone could please guide me on how to achieve what intend to do.
Regards,
Muhammad Haider
Hi Muhammad,
You are using the class gradient in the body tag of your theme. That gradient class is having the css property background color, which is affecting on other pages.
You can add that class in the 'Announcement Bar', 'Header' and 'Footer' separately or you can add the following css to your theme
#MainContent {
background: #fff;
color: #000;
}
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025