Adding a Default Class and Style to your Image
- Menu
- 1.) Adding a default class
- 2.) Adding a default image style
Adding a default class
To add a default class attribute to your images:
- 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.
- 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:
- Open up Firebug
- Select an image by using the pointer and selecting the image.
- Under the 'Style' tab add your CSS style. You will be able to see how the changes to your image will look.

- 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'.
- Go to the back-end > navigate to 'Components' > 'Ark Editor'.
- Navigate to 'Options' and select the 'Typography' tab.
- Go to the 'Ark Editor Stylesheet'. Scroll down to 'image styles' and paste in your rule.

- Click on the 'Save' button.
- This will add your default class to your image.
Adding a default image style
To add a default style attribute to your images :
- 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.
- 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.