Below you will find documentation on how to use our software. This contains easy-to-use steps by step guides with helpful screenshots on how to configure and get the best results.


Working with Image Styles

Let’s take a look at some techniques, that you can use to style images. An image style is represented as a class style within your <img> tag and looks like this in your HTML code:

<img class="my_img_style" src="/images/sampledata/myimage.png" />

This works by calling to a CSS image style which is found within your websites templates and looks like this:


This is built up in 3 parts. The ' img ' part defines the object type as being an image, the ' . ' defines that it is a class while the last portion ' my_img_name ' is the name.

This is important because most editors come with the ability to filter ‘Styles’ by object types. For instance, if you select an image object with your mouse the editor will prioritise image objects and display image styles first.

We can do this by selecting the 'image' object as seen in the screenshot (below in point 1.) and next select a predefined image style from the list as see in point (2.) which can be used to add a style to your image.

Here are a few examples of image styles:

Style: fade_in

Style: img-rounded

Style: img-polaroid

WebxSolution Ltd is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Copyright © 2009 - 2016 WebxSolution Ltd
Powered by JoomlaWired