How to get rid of grey area on banner?

[mikestickle18]

Hello, I recently changed my banner to have round corners. For some reason,

you can see the roundness but there is a grey area around it.

Does anyone know how to fix this? If so could you please help?

This is the dawn theme.

[LizHoang]

Hi @mikestickle18 , can you share store URL?

[mikestickle18]

https://focusedonfitness.store/

[B2Bridge]

Hi @mikestickle18 , to do that, please follow our instructions:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find component-slideshow.css file.

Step 3: Paste this code at the bottom of the file

.banner {
  overflow: hidden;
  border-radius: 10px !important;
}

Result:

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you

[LizHoang]

Hi @mikestickle18

• You can try to follow this step
  Step 1: Go to Edit code
  Step 2: Find file base.css and add this code at the end of the file

.banner {
    overflow: hidden !important;
    border-radius: 8px !important;
}

Result:

Best,

Liz

[mikestickle18]

Thank you! That worked!