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 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 5 replies, has 2 voices.
Last updated by 6 years, 10 months ago.
Assisted by: Shane.
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;} ). In a previous support ticket, where only the top corners of the slider images were getting rounded, Shane pointed out that the actual images were taller than the slider specification of 300px and getting cropped by the slider function, so the rounded bottom corners weren't visible, and suggested adjusting the image sizes, which I've done. However, there's now a new issue: if 'Slider Image Size' is set to 'contain', when window size is narrowed, the images are less than 300px tall and the slider controls are visible (i.e. the controls are not 'responsive'); if 'Slider Image Size' is set to 'cover', the corners aren't rounded. My preference would be for the slider controls to be responsive, but if I have to settle for 'cover' and a fixed height for the slider, at least I'd like to have the corners rounded.
