XF 2.1 CSS to center XF 'block' notices?

Kevin

Well-known member
I'm trying to shrink the XF 'block' notices (the ones that appear inline at the top of the page). Below are some screen shots of what I'm trying to get. I think what I'm running into is that UL for notices block is not in a parent div and it's why I'm not sure how to get it centered with just some CSS/LESS.

Currently....
1585860321686.png

Wanted (but centered! :p)...
1585860291403.png
 
This seems to work:

Code:
.notices.notices--block
{
    margin: 0 auto;
    max-width: 600px;
}

Adjust 600 to your liking.
That seems to be working nicely, thank you! Now I just need to adjust the color schemes on a per-style basis but I think the narrow notices will work better on huge screens.

Thanks :D

1585861431962.png
 
Back
Top Bottom