Create Custom class for Announcement

Inorder to create a custom class for your annoucement box, you should follow the steps below.

The announcement box consists of two elements, they are the div tag which wraps the annoucement and the close button. The class name for the class you are to create is given by you, and the close button’s fixed class is "closeButton" . You cannot change this class. You should use these elements to design your annoucement box. Its just easy and simple. The CSS used for the class "simple" is

/** For the box **/
.simple{
border: 1px solid #CCCCCC;
margin: 5px;
background: #F9F9F9;
padding: 5px 5px 10px;
}

/** For the close button **/
.simple .closeButton{
border: 1px solid #CCCCCC;
float: right;
font-weight: bold;
color: #000000;
height: auto;
width: 15px;
text-align: center;
cursor: pointer;
background: #FFFFFF;
margin: 1.5px;
padding: 2px;
}

You can use this default for building your own classes. Just change the class name from "simple" to any other name and other border, background, padding settings. If you are a designer, then no bounds to you !

Using the created custom class

You should follow the procedure below to apply the class you have created to the announcment box.

1. After creating a custom class for the announcement box, save it.
2. Check the "Use custom class" in the admin page.
3. Enter the class name you created in the "Custom class" text box.
4. That’s all.
5. You should follow this procedure, if you have created a custom class in the style.css file found in your theme.

For any troubleshootings or any feature requests please post it in Aakash Web Forum .