How to add corner radius in a collection

[memahmudhassan]

How can I add corner radius for this section?

Website: https://prettycious.com/

Theme: Prestige

[BSSCommerce-HDL]

Hi @memahmudhassan ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file → Save

.content-over-media.content-over-media--auto {
    border-radius: 10px !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you

[devcoders]

Hi @memahmudhassan

Go to Online Store, then Theme, and click on Edit code.

Locate the file assets/theme.css, and paste the code provided below at the end of the file.

.content-over-media {
border-radius: 25px;
}

[PageFly-Amelia]

Hello @memahmudhassan

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css or style.css

Step 3: Add code

.content-over-media--auto {
    border-radius: 20px !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[memahmudhassan]

Thanks brother. It’s worked!

[devcoders]

Hi @memahmudhassan

Great to hear that the issue has been resolved! If you need any further assistance, feel free to reach out.

[memahmudhassan]

Brother, to applying this, facing a issue, when applying it’s also working for my slideshow which I don’t want!