XF 2.1 CSS to center XF 'block' notices?

[Kevin]

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....


Wanted (but centered! )...

 

[Russ]

This seems to work:

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

Adjust 600 to your liking.

 

[Kevin]

This seems to work:

.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