Sections of pages on store are different colours

Solved
Hobbers
New Member
2 0 0

I have recently noticed that partial sections of pages on my store have gone grey while the background remains white. It is not on all the pages, only a few. Does anyone know why it might be doing this, and if there is a fix to get all the pages back to the same background colour? I have changed the background colour multiple times but the pages with the grey areas have not changed.

 

Here are a few links for the pages that have grey spots:

https://www.cadencenutrition.com/pages/product-science

https://www.cadencenutrition.com/pages/how-to-use-cadence-nutrition-products

https://www.cadencenutrition.com/pages/contact-us-1

https://www.cadencenutrition.com/pages/kzn 

https://www.cadencenutrition.com/pages/product-science 

0 Likes
PeanutButter
Shopify Partner
330 66 137

This is an accepted solution.

Hi, what is happening is that your theme adds a grey background to even (2, 4, 6...) rows of tables from your pages.
If you wanat to remove this background color, add the following to the end of your Assets/styles.scss.liquid file:

tr:nth-child(even) {
    background-color: transparent;
}

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Hobbers
New Member
2 0 0

Awesome! Thank you very much @PeanutButter , works perfectly!

0 Likes
PeanutButter
Shopify Partner
330 66 137

Nice to hear. Good luck with your store! Im sure it will hit it in no time!

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes