• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

That thin blue bar separating posts


Well-known member
You know that thin blue bar that separates posts from each other (picture below). How can I copy that to use on PAGES to separate entries I make. I looked at the source code and cannot see nothing to indicate what's used for it?



that's from the .messageList .message css class

.messageList .message {

    border-top: 1px solid #D7EDFC;
    padding-bottom: 30px;
    padding-top: 10px;


XenForo moderator
Staff member
Adjust it in Style Properties -> Message Layout -> Message Container

ACP search will identify most of this stuff.


Well-known member
I'm not after changing it, I wanted to use the same bar on custom Pages added as a divider and thought it was <hr /> used. But if I used that I just get a thick dark bar (not the same as that bar). So just wondered if it could be pulled onto pages using code TAG like <hr />


XenForo moderator
Staff member
You really should consider creating a custom style sheet for your pages, as Kier suggested.

Or just add some classes to EXTRA.css.