Display round images in your website

You can change the appearance of an image when you choose to edit the underlying HTML of an Article.

You may for example want to convert a square image into a round one, or perhaps square off or round the corners of another image.

But not everyone wants to have to edit the underlying HTML.

It is good to know then that the image editor included with the JCE Content Editor extension, enables you to make such changes without editing the HTML.

It is first however necessary to create some CUSTOM STYLES, ouch!

No worries, WYNCHCO website designs include the following CUSTOM IMAGE STYLES to help you.

CUSTOM IMAGE STYLES

We include these CUSTOM STYLES in every WYNCHCO website design to help you style images.

CUSTOM IMAGE STYLES

round

Use this style to make any one square image perfectly round.

rounded5

Use this style to make the corners of any one image round, with a radius of 5 PX.

rounded10

Use this style to make the corners of any one image round, with a radius of 10 PX.

rounded15

Use this style to make the corners of any one image round, with a radius of 15 PX.

squared

Use this style to make the corners of any one image square.

Note: by default in a WYNCHCO website design the corners of images are rounded, with a radius of 5 PX.

How to add a Custom Image Styles

Select an image & open the image editor

Add your CUSTOM STYLE to the image editor

Preview the result in the Front End

WYNCHCO Joomla! CMS Support

We coach, help and support managers with responsiblity for Joomla! websites in organisations across Cheshire, Manchester, Merseyside, North West England and the UK.

Details: Last Updated: 08 October 2017