Grey line under images on Dawn Theme ?

Hi,

Been editing my site and all of a sudden my images show a grey line underneath and I can’t figure out have to remove, I have tried various things and suggestions with CSS but nothing works.. can anyone help please.

Hi @Jay2025

Can you share a link to your store?

Hi Laza

Store is diynet.uk Thank you for replying..

That seems like a custom section. Maybe called a Promotion banner, so first try to see if there is any setting that you can customize. Should be a background color. But if it is not customizable try to find that section or snippet code it could start like this


And you want to change color in "promotion bg-[#c9c9c9] " to "promotion bg-[#ffffff] so you get a white background.

I mean you could also add some CSS to override that but not a clean solution.

```markup
.promotion.bg-\[\#c9c9c9\] {
    background: #ffffff !important;
}

Hi Laza

This solution " .promotion.bg-[#c9c9c9] {
background: #ffffff !important;
}"

I already tried and it didn’t make any difference, Ive also spent the last 2 hours searching for every background colour change options within the promotion sections and everything I have found has been changed to white, but still no change,

however your CSS solution

.promotion.bg-[#c9c9c9] {
background: #ffffff !important;
}

Did the trick, Thank you, I’m confused as to what change as all was ok earlier and all i did was change an image !! ?? anyway it’s not a clean solution but at the moment it works until I resolve the original cause.

Thank you for your help and support,

regards

Jason

Hi Jason

If you want you can send me a theme zip or maybe just code for that promotion section via personal message so I can give a look at the code.

Hi Laza

Thanks for the offer, I’ll bare it in mind I am at present looking at another template in the Shopify store its possible I may change it yet. Thanks again for your time & help it’s appreciated, and a Happy 2025

1 Like