XF 2.1 Custom CSS for Notices

Davey-UK

Active member
In extra.less
Code:
.notice-special {
        color: #fff;
        background: rgb(27,5,56);
        border: 4px solid #fff;
a {
        color: #af79f6;
    }
    }
.notice-image img {
    max-width: 72px;
    max-height: 72px;
    padding-right: 15px;
}

In your notice set the following:

Other, using custom CSS class name:

notice-special

Notice no . (dot) before the class name.
 

Donske

Member
This is what I was looking for myself, but I can not figure out what css to add to this to make my font size a little larger. I have tried this, but the font size must be buried withing something else.
I think I figured it out - sorry - I added HTML inside my notice text and not use the CSS for that.
 
Last edited:
Top