How to change the collection card color in the Dawn theme?

Hi,

I am using the Dawn theme and

trying to change the colour that that is background to the product image in collection/search pages.

This is what I currently have:

I would like to add grey to complete the square to look like this:

Hello @RemG

Could you share the store URL so that I can review it?

@oscprofessional Sure thing, thanks.

https://lzbrcrhkdffa0szh-19218055.shopifypreview.com

Hello Again @RemG

It will be helpful if you try this code -

Go to the online store ->Theme >Edit Code → Assets-> theme-settings.css->Add code athe the bottom.

.product-top img.lazyautosizes.ls-is-cached.lazyloaded {
    background: #F0F0F0;
}

@oscprofessional thanks for getting back to me, I do not have a theme-settings.css file? I have tried in in the base.css and that doesn’t work.

Hi @RemG

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

.card .media {

background: #F0F0F0 !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

Hi @RemG ,

You can try to add this at the end of your base.css file

.card .media {
background: #e8e8e8 !important;
}
1 Like

@Dan-From-Ryviu thanks so much, that worked perfectly.

1 Like

Happy I could help!