How can I add a color background to large images on my homepage?

Store Design
1

Hi all, sorry, I am having another problem with images on my homepage, dawn theme, URL below. Thank you so much to @AvadaCommerce for your help, but now I need colour behind the images. I’m sorry, I kind of know css etc but cant figure out shopify very well. Can I add some code to the one you gave me before thanks?

Thanks in advance, sorry to be asking for so much help.

Images show fixed image sizing but leaving grey behind the images.

DAWN THEME
www.orangegrove.co.nz
Many thanks

Wendy

Screen Shot 2022-03-27 at 12.39.01 PM.png
Screen Shot 2022-03-27 at 12.39.01 PM.png3572×1016 127 KB

Screen Shot 2022-03-27 at 12.39.13 PM.png
Screen Shot 2022-03-27 at 12.39.13 PM.png3580×1466 456 KB

2

Hi @wendycain ,

Do you want to remove that gray background color? if it is correct you can follow the instructions:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.media {
   background-color: transparent !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Thanks, the homepage looks great now! Wendy