Fixed <div class="importantMessage"> should be <p class="importantMessage">

[Vincent]

With the introduction of the Notices, the <div class="importantMessage"> stopped working.

There still are 3 error messages in the XenForo Default Package that use <div class="importantMessage">. In order to work it should be <p class="importantMessage">.

It's minor, but worth fixing

Example of one of the 3 not-good-visible error messages: ("The specified member...")

 

[Jake Bunce]

Confirmed.

To fix, edit these three templates:

Admin CP -> Appearance -> Templates
> forum_view
> member_list
> thread_view

Each template has a:

<div class="importantMessage">...</div>

That needs to be changed to:

<p class="importantMessage">...</p>

Or alternatively, change the CSS selector:

Admin CP -> Appearance -> Templates -> xenforo.css

Remove the red pieces:

p.importantMessage
{
	margin: 10px 0;
	color: @secondaryDarker;
	background-color: @secondaryLightest;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px @secondaryLight;
}

p.importantMessage a
{
	font-weight: bold;
	color: @secondaryDarker;
}

This is how it was in 1.0.x. I'm not sure why the change.

 

[Allan]

Or alternatively, change the CSS selector:

Admin CP -> Appearance -> Templates -> xenforo.css

Remove the red pieces:

p.importantMessage
{
margin: 10px 0;
color: @secondaryDarker;
background-color: @secondaryLightest;
text-align: center;
padding: 5px;
border-radius: 5px;
border: solid 1px @secondaryLight;
}
 
p.importantMessage a
{
font-weight: bold;
color: @secondaryDarker;
}

What is a p before the class?

 

[Jake Bunce]

What is a p before the class?

That means it only affects "p" tags. By removing the "p" it makes it non-specific.

 

[Allan]

That means it only affects "p" tags. By removing the "p" it makes it non-specific.

Thank you

 

[Mike]

I'm not sure why it was changed to require a "p", so it's just .importantMessage now.