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

XF 1.5 Top Sub-Forum Border in Forum; Section Footer Right Border

Discussion in 'Styling and Customization Questions' started by Amaury, Oct 2, 2016.

  1. Amaury

    Amaury Well-Known Member

    I'm giving our upcoming styles a more vBulletin-esque feel, like so:

    vBulletin 1.PNG

    Within a forum, I know I can target only that page for this thing in particular with .discussionList (I think, anyway!), but how I can add a top border only to the first row here?

    vBulletin 2.PNG

    If I try adding a top border to this, the other ones double up, which I don't want, so I need something that affects only the first row:

    Code:
    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
        border-right: 1px solid @primaryLighterStill;
        border-left: 1px solid @primaryLighterStill;
    }
    Also, I've added right and left borders to the section footer on the discussion list to go with the changes with this:

    Code:
    .discussionList .sectionFooter {
        border-right: 1px solid @primaryLight;
        border-left: 1px solid @primaryLight;
    }
    However, if you look closely, the right border is not evenly aligned with the right border I added to the discussion list. How can I fix that?

    vBulletin 3.PNG
     
  2. Pacco

    Pacco Member

    Use forum ID (Xenforo Updates)

    e.g. ID 67

    Code:
    .node.forum.level_2.node_67 {
        border-top: 1px solid @primaryLighterStill;
    }

    Code:
    .sectionFooter {
        margin: 0px -2px 0px 0px;
    }
     
    Amaury likes this.
  3. Amaury

    Amaury Well-Known Member

    This isn't working. It's affecting it on the forum list, but I only need it to affect it within a forum:

    Code:
    .node.forum.level_2.node_84 {
        border-top: 1px solid red;
    }
    Sub 1.PNG Sub 2.PNG

    The second solution for the other question did work, however, though I used the style property instead now that I know what it was I needed to do.
     
  4. Pacco

    Pacco Member

    You use the wrong ID. The ID is on top in the browser, is not the ID of your node sublevels.
    Watch please in the developer console or in the source code text around which ID it to itself exactly acts.

    I tap sometimes on ID 85 > not ID84
     
  5. Amaury

    Amaury Well-Known Member

    Worked, thought it seems kind of like a roundabout way. It works, so that's all I care about, but there surely must be a way to not have to use the node ID and target only the first row for all forums within forums.
     
  6. Steve F

    Steve F Well-Known Member

    You can try this
    Code:
    .forum_view li.node.forum.level_2:first-child {
        border-top: 1px solid orange;
    }
    upload_2016-10-8_4-24-10.png
     
    Amaury likes this.
  7. Amaury

    Amaury Well-Known Member

    Perfect!
     

Share This Page