Greetings dudes,
In this tutorial we are going to learn how to style an announcement box to be prettier than it is. Default one is quite dull.
Go to: CP > General > Messages & Emails > Announcements and activate them. Select where you want to show them. Right bellow you have plus sign to add announcement. Click on it and you can give a name to it. Doesn't really matter because name is only for you. For content, you can tell users a message, something you want to be seen. After you finished all of this..
Go to: CP > Display > Pictures and colors > Colors & CSS > CSS Stylesheet and add this
AwesomeBB
/* ANNOUNCMENT BOX START */
#fa_ticker_block .module {
background-color: #369fcf;
border-radius: 0;
box-shadow: none;
border: 3px solid #fff;
outline: 1px solid rgba(0,0,0,0.1);
color:#fff;
}
/* ANNOUNCMENT BOX END */
phpBB3
/* ANNOUNCMENT BOX START */
.module {
background-color: #369fcf;
border-radius: 0;
box-shadow: none;
border: 3px solid #fff;
outline: 1px solid rgba(0,0,0,0.1);
color:#fff;
padding:5px;
font-size:12px;
}
/* ANNOUNCMENT BOX END */
Invision
/* ANNOUNCMENT BOX START */
.borderwrap{
border: 3px solid #fff !important;
background-color: #369fcf;
outline: 1px solid rgba(0,0,0,0.1);
}
.box-content {
background-color: #369fcf;
color: #fff;
}
/* ANNOUNCMENT BOX END */
Final result:
That's pretty much it. Have fun. :)