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 **/
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 !

You can create the class in announcer-custom-class.css file present in the folder of announcer or in your theme’s style.css

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.
Those who love to share the class created by them or if you want to be a contributor, then you are paved a way ! Just paste the class you have created in the Aakash web Forum, so that many users can directly use the class contributed by you of different styles. The best and simple one will be made the plugin’s next default class.

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

Buy me a coffee !

Buy me coffee !

If you like this work and found this useful buy me a coffee ! your donation will motivate me to develop and support this work.