Rounding Corner on image banner on home page

Store Design
1

Hi how do i round the corners of this image on my home page?

https://neverskiptrail.myshopify.com/

Password: 12345

Screenshot 2022-08-23 11.38.33 AM.png
Screenshot 2022-08-23 11.38.33 AM.png1920Ă—1080 422 KB

2

Hi @Alex-li ,

Here’s you to get those rounded corners…

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code

  2. In the Asset folder, open the component-slideshow.css

  3. Paste the code below at the very bottom of the file.

.slideshow, .banner {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    gap: 0;
    border-radius: 5rem !important;
  }

If this post solved this issue, please mark it as a solution and leave a like.

Thank you

3

thank you!

1 Like
4

@Alex-li you’re wlcome