notice customization

BassMan

Staff member
Administrator
Messages
677
Likes
324
Website
www.customizexf.com
#2
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
Messages
677
Likes
324
Website
www.customizexf.com
#5
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
 

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Similar threads

Top