Change Product Background Color for Avenue Theme

Store Design
, , ,
1

Hello!

I’m using the Avenue theme and trying to change the background color of the featured image of my product pages to #d9d9d9 (or similar light grey), but have the color of the thumbnails underneath stay white.

Each product has it’s own custom product page, rather than one universal design for all products, so I’m not sure if that’s why I’m struggling to figure this out on my own, but any help would be greatly appreciated.

Thank you for your time and assistance!

2

Hello @AlchemistCC ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your styles.css file and paste the following code at the bottom:

.featured-image {
    background-color: #d9d9d9;
}

Problem solved don’t forget to Like it and Mark it as Solution!

Regards
Guleria

3

That was it!

For some reason I was using “.featured-product” and now that I saw your snippet I’m hitting myself.

Thank you so much for your time and help!