notice customization

Currently reading:
notice customization

BassMan

Staff member
Administrator
May 18, 2015
1,104
686
www.customizexf.com
Hi @maszd!

In notice settings I add a class like this:
upload_2015-10-27_10-17-55.png


Than added this code to EXTRA.css template:
Code:
/* Custom notice 1 */
.floatingItem.custom1 {
  background-color: #F0F0F0;
  border: solid 7px #73B165 !important;
}
.FloatingContainer .floatingItem.custom1 .DismissCtrl {
    background-color: #000000;
    border-radius: 7px;
}
/**********/
To use it for more notices use the same class or add a new onw, like 'floatingItem custom2' and paste new code to extra.css with custom2 number.
 

BassMan

Staff member
Administrator
May 18, 2015
1,104
686
www.customizexf.com
Hi maszd,

you still add your class, but then depends what you want.

For floating notice you can add something like that to customize background .notice-content .myNoticeClass
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top