Real Estate Listing - Curved corners

Question

Hello: How can I get the 4 curved corners of the images on the demo real estate listing.html page? Currently there are 4 straight corners. Regards

SemiColonWeb · Accepted Answer

Hello,

Consider using the Border Radius utility classes on the img tag: https://getbootstrap.com/docs/5.2/utilities/borders/#radius .

This will work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PavelRomero · Answer

Hello: It only applies to the top corners, the bottom ones stay straight. Regards

Semicolon Web · Answer

Hello,

We are not really sure what is causing this. Consider using the following CSS Code instead:
[ch_pre type="css"].real-estate-item-image {
border-radius: 0.375rem;
overflow: hidden;
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.