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

Discussion in 'Styling and Customization Questions' started by mrGTB, Oct 25, 2011.

  1. mrGTB

    mrGTB 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?

  2. ragtek

    ragtek Guest

    that's from the .messageList .message css class

    .messageList .message {
        border-top: 1px solid #D7EDFC;
        padding-bottom: 30px;
        padding-top: 10px;
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Adjust it in Style Properties -> Message Layout -> Message Container

    ACP search will identify most of this stuff.
  4. mrGTB

    mrGTB 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 />
  5. Brogan

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

Share This Page