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

Add a border beside each forum.

Discussion in 'Styling and Customization Questions' started by Matthew2D, May 1, 2012.

  1. Matthew2D

    Matthew2D Active Member

    How do add a border in the following places?

  2. Floris

    Floris Guest

    This is kinda how you can attempt to find out where is what in XenForo,
    what I used was: border-right: 1px solid red; (and green for left)
    Screen Shot 2012-05-01 at 2.24.17 PM.png
    The tree shows it's using classes nodeList, node, and forum.
    So you could try adding this to extra.css in the style you're editing.

    .nodeList .node .forum { border-right: 1px solid red; }
    Matthew2D likes this.
  3. Matthew2D

    Matthew2D Active Member

    Thanks. Where would I put the code?
  4. Andrej

    Andrej Well-Known Member

  5. Matthew2D

    Matthew2D Active Member

    It sort of worked...but it doesn't look right.
  6. Floris

    Floris Guest

    Now you know how to figure out what to put there.
    Chrome has "inspect element" when you right click, highlighting the elements in the rendered page as you hover over them. It will disclose the tree and that's a great way to find out what to use and play with in the extra.css template.

    If it doesn't look right, extend the exception in extra.css you've made, perhaps play with positioning or different classes, your arrows were very broad and just pointed to the sides, that's what I used as example.
    Sorry that I don't have more time to make it more specific and 100% for you personally. I do hope it helps to get you started and learn XenForo's structure a bit more.

Share This Page