XF 2.1 Can you change the background colour between posts?

[JamesAus]

I'm using the default XenForo style, and the large majority of my members are struggling with it as they feel posts are running together.

Is it possible to change the background colour between posts without changing the background colour for the whole page?

 

[Ozzy47]

Add this to your extra.less template

/* Alternating Post Color */
.block--messages .message:nth-child(even) {background-color: #add8e6 !important;}
.block--messages .message:nth-child(odd) {background-color: #ffffe0 !important;}

Adjust color as needed.

 

[JamesAus]

Thanks @Ozzy47.

Sorry for not being clear. I was actually refering to this section:

 

[Ozzy47]

Hmm, I don't know if that's possible.

 

[Paul B]

That's part of the page background.

You could remove the padding between posts and set a large bottom border, which would achieve the same result.

 

[JamesAus]

That's part of the page background.

You could remove the padding between posts and set a large bottom border, which would achieve the same result.

Thanks Brogan. I imagine it's outside of support you would provide as a staff member, but does anyone know how I would do that?

 

[JamesAus]

Another consideration, is it possible to make this section a different background colour?

 

[Max Taxable]

First thing to do is create a new style with no parent. That will duplicate the default style. Make it not publicly visible, admin will still be able to view it. Then start experimenting on that new style. Try stuff and learn from trial and error - it's easy to reverse any change you make. Find out what all you can do. Self teach!

 

[Anatoliy]

Thanks Brogan. I imagine it's outside of support you would provide as a staff member, but does anyone know how I would do that?

ACP->Appearance->Style properties->Basic colors-> Page background color

 

[JamesAus]

First thing to do is create a new style with no parent. That will duplicate the default style. Make it not publicly visible, admin will still be able to view it. Then start experimenting on that new style. Try stuff and learn from trial and error - it's easy to reverse any change you make. Find out what all you can do. Self teach!

Already tried, by looking at the Messages colours section, and been playing around with colours there:



but nothing seems to adjust the colour of the post information:

 

[KSA]

Another consideration, is it possible to make this section a different background colour?

View attachment 231809

add this to EXTRA.LESS

.message--post .message-attribution {
    background: #ffffff;
}

change ffffff to your desired color.

 

[JamesAus]

Thanks so much @ALMUSA - that's awesome