notice customization

Currently reading:
notice customization

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,049
Reaction score
648
Website
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.
 

maszd

cXF Pack B
cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
Hi @BassMan
any update for xF 2.0? or iam still can use this code?
thanks.
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,049
Reaction score
648
Website
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
 

DaNnIbOi

New Member
Joined
Feb 22, 2018
Messages
1
Reaction score
1
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
This worked on my test forum, so thanks!
 

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