RaidPlanner is originally developed for WoW, but it’s possible to use it with other games as well. The images for classes, raids, roles are all stored inside the media/com_raidplanner directory of your Joomla installation.

Modify class icons:

(subject to change!!!)
If you want to add new class images it’s strongly recommended to add it into the same folder with new names, as original files will installed every time when you reinstall or update RaidPlanner. The usage of images are controlled by CSS stylesheet. If you want to use different images do the followings: Change Class CSS setting of the selected class, for example “new_class_1”. (call it anything you whish, but Class CSS must be only alphanumeric (a-z, 0-9, -, _) characters. Upload the corresponding image file to class_icons folder (in this example it’s called new_class_1.png) Put the following declaration into the end of your template’s css file (usually called template.css, or style.css, and can be found inside the template’s directory, see CSS customization for more information):

.new_class_1 {
background: transparent url(../../../media/com_raidplanner/class_icons/new_class_1.png) left center no-repeat; padding-left: 20px;
}


Make those changes for all classes you want to modify.

Modify raid icons:

Modifying raid images is much easier, just upload you images to media/com_raidplanner/raid_icons folder. Once the icon added to the directory, it can be selected for Raids.

Modify role icons:

Same as above, just upload the new icons to the media/com_raidplanner/role_icons folder. Once the icon is in it’s place, you can use it for role, using the filename. (No path needed)

CSS customization:

RaidPlanner has it’s own CSS file, but it will not work with all templates. To use your own CSS file instead of RaidPlanner’s own, set Load CSS setting to “Off”. With this setting RaidPlanner will not load raidplanner.css, so you can add you own style definitions, those will not be overridden.
Either add new declarations to your template css file, or make a copy of raidplanner.css (can be found in media/com_raidplanner/css directory) to your template’s css file, and edit it.
If you make your own copy of raidplanner.css you should add

<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/raidplanner.css" rel="stylesheet" type="text/css" />

line into the template index.php file header section to load the definitions in your CSS file.