Advertisement:

Author Topic: (Solved) How to style flash message?  (Read 990 times)

nootkan

  • Sr. Member
  • ****
  • Posts: 259
(Solved) How to style flash message?
« 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;}


« Last Edit: July 27, 2014, 08:58:47 am by nootkan »

nootkan

  • Sr. Member
  • ****
  • Posts: 259
Re: How to style flash message?
« Reply #1 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;}