Osclass forums

Support forums => Themes => Topic started by: nootkan on July 27, 2014, 04:43:44 am

Title: (Solved) How to style flash message?
Post by: nootkan on July 27, 2014, 04:43:44 am

I am using osclass 3.2.2 with the osshaft_adrian theme and when someone adds a listing the flash message telling them that the administrator must approve the listing is broken up and to the right.  I've tried to make css changes in the osshaft-styles.css file but nothing seems to work.  Here is the css in the file and a screenshot of what I'm talking about.

Code: [Select]

#FlashMessage {margin: 0;background: #c30;border-bottom: 2px solid #68ace5;color: #fff;display: none;font-size: 18px;left: 0;padding: 20px 0;position: fixed;text-align: center;top: 0;width: 99%;-moz-border-radius: 5px;border-radius: 5px;}
.FlashMessage.ok {background: #9cda9b;}
.FlashMessage.info {background: #fff78d;}
.FlashMessage.error {background: #c30;}

(http://www.comoxvalleyclassifieds.com/images/ScreenHunter_10-Jul.-26-17.jpg)

Title: Re: How to style flash message?
Post by: nootkan on July 27, 2014, 05:34:07 am

Solved it myself by copying over the styles from the bender theme and making some changes to them.  Still got some fine tuning to do but i it looks a lot better now.

Code: [Select]

#flashmessage{font-size:14px;padding:0 0 10px 0;width:60%;z-index:999;text-align:left;color:#000;position:relative}
.wrapper-flash{font-weight:bold}
.flashmessage-warning,.help-box{background-color:#d0a52a;}
.flashmessage-error{background-color:#c44e20;}
.flashmessage-ok{background-color:#839b44;}
.flashmessage-info{background-color:transparent;}