You may wish to change the appearance of an image when editing an Article.
You may for example wish to change a square-cornered image into into one with rounded corners, or perhaps square off the round corners of another image.
Doing so would ordinarily require you to edit the underlying HTML.
But not when your website is a WYNCHCO website design using a WYNCHCO template.
WYNCHCO templates include the following Custom Image Styles to help you change the appearance of images without having to edit underlying HTML.
Read more: Responsive Mobile Friendly Website Design.
Custom Image Styles
We include these Custom Styles in every WYNCHCO website design to help you style images.
Custom Styles
Use these Custom Styles to locally change the appearance of an image.
Local style will override any globally assigned Custom Style.
Local style is shown in bold.
circle
Use this style to make a square image perfectly round.
Or to make a rectangular image oval.
corners-10
Use this style to make the corners of an image round (radius 10px).
corners-15
Use this style to make the corners of an image round (radius 15px).
corners-20
Use this style to make the corners of an image round (radius 20px).
corners-25
Use this style to make the corners of an image round (radius 25px).
corners-0
Use this style to make the corners of an image square.
Add a Custom Style to an Image using JCE Content Editor
Add a Custom Style to change the appearance of an image in two simple steps using the JCE Content Editor.
Step 1: Select Image to Edit
After signing into your website, select an Article to edit.
Select an image.
Select the Image Editor icon from the panel at the top of the Content Editor.
Step 2: Add Custom Style
Look under the Advanced tab in the Image Editor pop up window.
See image below.
Enter name of Custom Style in field labelled Classes.
Preview Result in Front End
Result: square image displayed as a circle.
Note: If we had applied the Custom Style to a rectangular image the result would be an oval.
JOOMLERS.UK is sponsored by WYNCHCO Solutions
WYNCHCO Solutions help and support managers responsible for Joomla! CMS websites in UK business and third sector organisations across Cheshire, Greater Manchester, Merseyside and North West England.
