Skip Navigation

[Resolved] slider image border radius

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that user wanted to have rounded edges on their images on the frontend.

Solution:

The easiest way to do this is to use CSS
https://www.w3schools.com/css/css3_borders.asp

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 2 replies, has 2 voices.

Last updated by Anthony 6 years, 10 months ago.

Assisted by: Shane.

Author
Posts
#607173
image-border-radius-fail-in-slider.png

I want slider images to have rounded corners. I have css in place that is rounding all four corners for all images on the site (img {border-radius: 7px;} ), but the bottom corners of the slider images are not rounded.

What is the link to your site? hidden link

#607203

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Anthony,

Thank you for contacting our support forum.

The border radius is being applied as per your code but your image is really long to the bottom border isn't being shown.
hidden link

I would suggesting cropping your image to the size of the slider.

Please let me know if this helps.
Thanks,
Shane

#607204

Hi Shane... doh - my client uploaded that image without following the size guidelines I'd suggested... thanks for clearing up the mystery.