Rounded corners image banner doesn't work

[poe1]

Hi,

I'd like to have the corners of my dawn image banner to be rounded. I have tried many different things and copied code snippets from other peoples posts but nothing worked. 

Very thankful for any hel

[Moeed]

Hey @poe1 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[poe1]

cutegemz.com 

password: neatwu

[Moeed]

Hey @poe1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
.banner__media.media.banner__media-half.animate--ambient.scroll-trigger.animate--fade-in {
    border-radius: 50px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[poe1]

Unfortunately nothing changed.

[Moeed]

Hey @poe1 

Can you share a screenshot of the code you added in theme.liquid file?

Best Regards,

Moeed

[poe1]

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

If you want remove breadcrumb you can try code:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

<style>
.banner .banner__media:nth-child(1){
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}
.banner .banner__media:nth-child(2){
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[poe1]

It didn't work, I don't know why. 

[PageFly-Noah]

Hi , please add and check again . I have open url and it have fixed:

[poe1]

It only worked on one side and there is no space between the image and the website border 😄

[PageFly-Noah · Accepted solution]

Ah, got it. If you want 2 image please add code above , if you want 1 image please add code below:

<style>
.banner .banner__media:nth-child(1){
    border-radius: 20px !important;
}
</style>

[poe1]

Thank you!

[PageFly-Noah]

Thank you for response !