Custom styling and alignment
Last updated on
30 April 2025
Feature only found in versions of ImageBrowser released after 19/01/2009.
For greater control over alignment you can use the alignment options given by ImageBrowser instead of the ones found in FCKeditor (Don't use both).
Below is some example css that you need to add to your style.css file.
/* Applied to all images inserted by ImageBrowser */
img.ibimage {
border: 1px solid #000;
padding: 10px;
}
/* Applied to left aligned images */
img.ibimage_left {
float: left;
padding-left: 0!important;
}
/* Applied to right aligned images */
img.ibimage_right {
float: right;
padding-right: 0!important;
}
Note: It's important you keep the img. before the styles as this overwrites the default values used by FCKeditor.
Help improve this page
Page status: Not set
You can:
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion