Documentation

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.
 

Adding a Default Class and Style to your Image

Adding a default class

To add a default class attribute to your images:

  1. Go to 'Components' > select 'Ark Media' > navigate to 'Options' > click on the 'Interface' tab > navigate to 'Edit' > 'Default Class Attribute' > add "DefaultClassName" > click on the 'Save' button.

   

This will add a default class attribute which will be added to all of your images by default.

  1. Next go back to your article and insert an image. To insert an image click on the 'image' icon > navigate to the image you want to insert > click on the image > click on the 'Insert' button.

   

This will add “class="DefaultClassName” to your image.

The next step will be to create a CSS style for your "DefaultClassName”.

One of the easiest ways of doing this is to use Firebug which is an app for the popular Firefox web browser.  This will allow you to create your style in your web brower and copy your class Rule Declaration to the editors own stylesheet.

To do this you will first need to instsall Firebug or use a similar developers tool. Once installed (addons.mozilla.org/en-US/firefox/addon/1843/ ) you will need to:

  1. Open up Firebug
  2. Select an image by using the pointer and selecting the image.
  3. Under the 'Style' tab add your CSS style. You will be able to see how the changes to your image will look.
  1. Once you are happy with your CSS style you will need to save it. To do this highlight the style you added under the 'Style' tab > left click > select 'Copy Rule Declaration'.
  2. Go to the back-end > navigate to 'Components' > 'Ark Editor'.
  3. Navigate to 'Options' and select the 'Typography' tab.
  4. Go to the 'Ark Editor Stylesheet'. Scroll down to 'image styles' and paste in your rule.
  1. Click on the 'Save' button.
  2. This will add your default class to your image.

Adding a default image style

To add a default style attribute to your images :

  1. Go to 'Components' > select 'Ark Media' > navigate to 'Options' > click on the 'Interface' tab > navigate to 'Edit' > 'Default Style Attribute' > add your style > click on the 'Save' button.

    

  1. Next go back to your article and insert an image. To insert an image click on the 'image' icon > navigate to the image you want to insert > click on the image > click on the 'Insert' button.

    

    This will add your default style to your image.

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

 

Cron Job Starts