| cavyspirit |
07-23-2011 05:47 AM |
Quote:
Originally Posted by Simon Lloyd
(Post 2114460)
Go to your style>Main CSS and in the additional css box add this
HTML Code:
/* ***** Notice colours ***** */
.notice {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.notice a {color:#514721; background:none; padding:0; margin:0; }
/* ***** End of Notice Colours ***** */
then wrap your notice in this:
HTML Code:
<p class="notice">YOUR NOTICE TEXT</p>
|
I just wanted to add a variation on this that I did that was more what I was looking for.
Rather than a paragraph class (it takes up too much space and still leaves the default background), I have some specific notices that I wanted in a DIFFERENT background color.
So, I put this code in my Additional CSS template:
Code:
.notices li#navbar_notice_4 {background: #fee303 !important;}
You can get the notice number by looking at the link when hovering over it in the backend or in the view source on the frontend. #4 was the one I wanted in a different background color. |
More Information