XF 1.1 Styling notices


Well-known member
I would like to make a "Merry Christmas" banner appear at december 25th and I've made some tests. The only problem I'm facing is that my banner always appear inside the blue box. How can I make it disappear so only the image is shown?

Screenshot 12-2455905 alle 11.53.03.png


XenForo moderator
Staff member
Uncheck Add default notice text styling and add your own styling.

You will also need to change the Style Property settings for Notices in general.

With 1.1.1 the notice ID is exposed, so it may be possible to do notice specific styling using EXTRA.css.


Well-known member
With 1.1.1 the notice ID is exposed, so it may be possible to do notice specific styling using EXTRA.css.
Hello Brogan,
Could you please explain a bit more about that? So with this I will be able to have different styling for different notices? If yes, what do I start with in EXTRA.css?


Well-known member
You can just use the class for each specific notice, for example: panel Notice DismissParent notice_1
EXTRA.css content:
.panel Notice DismissParent notice_1
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(235, 252, 223);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: rgb(164, 207, 164);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(164, 207, 164);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(164, 207, 164);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(164, 207, 164);
border-top-style: solid;
border-top-width: 1px;
color: rgb(14, 68, 14);
font-size: 12px;
line-height: 1.6;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
This is the code I have, but it does not seem to work on the default style? What I am doing wrong?


XenForo moderator
Staff member
I haven't looked into this yet, but you may need to uncheck the "Add default notice text styling" and/or remove any Style Properties settings and/or use !important.

I'm still writing the Help Manual entry for Notices so will get to that soon and investigate how it works.


Well-known member
Is it possible to move the notice to top of the page, above the admin strip where you have the Report now. With XF 1.1.1, it's possible to disable the scrolling and we can stack multiple alerts on top of another, I think it would make a huge different in how people will see the notices.

Anthony Parsons

Well-known member
You can move anything by moving the template insert point.... notices are inserted directly into PAGE_CONTAINER, so you can shift its insert point to make a global placement change.

Anthony Parsons

Well-known member
In the page_container template you will find:

<xen:hook name="page_container_notices">
<xen:include template="notices" />

This is the insert point for the notices template into Xenforo pages.

Move that up or down, to the insert point within the page you want it to display at. That is how you shift the notice location in your style.

Anthony Parsons

Well-known member
What would you like to style, specifically Andrea?

If you're talking about removing the overall style border and background for the notice box, then I don't see a way that can be done, as that is on the outer of the notice specifically, thus controlled overall by the style properties.

The notice class would need to be on the outer of the notice styling to control an individual notice to that degree and depth, being remove background, borders, etc... completely custom.

Maybe XF for a better term should have applied the notice class to the outer wrapper of notices, that way a notice can be custom styled vs. partially styled based only on the inner content.

Maybe something to raise as a minor change to XF notices?