I would like to request the feature for rounding corners of images! There currently is a border radius option under design but it does not round the corners of the image. Also inputting custom CSS under attributes does not affect the overall image either for some reason.
The border-radius is set on a widget level, but the actual image is a child element and is not influenced by this setting due to its overflow settings. A quick fix would be to add a line of css on the widget:
overflow:hidden;
like this
This will prevent child elements to be visible outside the borderlines of the widget element.
Let me know if this works for you. If it doesn't solve the issue, please share the url to an example page with images which you would like to round, so I can help you with a proper solution.
I would like to request the feature for rounding corners of images! There currently is a border radius option under design but it does not round the corners of the image. Also inputting custom CSS under attributes does not affect the overall image either for some reason.
Thank you!
Hi,
The border-radius is set on a widget level, but the actual image is a child element and is not influenced by this setting due to its overflow settings.
A quick fix would be to add a line of css on the widget:
This will prevent child elements to be visible outside the borderlines of the widget element.
Let me know if this works for you. If it doesn't solve the issue, please share the url to an example page with images which you would like to round, so I can help you with a proper solution.
Kind regards,
Andrej
OrionThemes
Worked beautifully thank you!