How can I remove the grey border from my collection banner image?

Store Design
, , , ,
1

Hello.
How do i remove the grey border from the image in the collection banner? Using dawn theme.

I have uploaded the pictures as transparent background .gif

I have inspected the source code and it shows a border=0px.

Any help would be greatly appreciated.

The border is around the “lignum” image. This border is the same with all the image in my collection banners.

Screen Shot 2023-04-28 at 9.59.32 AM.png
Screen Shot 2023-04-28 at 9.59.32 AM.png3360×1788 306 KB

1 Like
2

Can you provide the store URL?

3

Hi @NEwear1 ,

I understand that you want to remove the border of the collection image. Please follow the following

  1. From you Admin page, go to Online store > Themes > Customize. This should open the theme editor. Please see image for further instructions

made4Uo_0-1682702988704.png
made4Uo_0-1682702988704.png1461×685 222 KB

  1. Paste the code below
.collection-hero__image-container.media.gradient {
    border: none;
    box-shadow: none;
}
4

Perfect!!! thank you

5

Thanks so much for replying! Success! Maybe we just needed to “say it out loud”
N.

1 Like