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

[Amaury]

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



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?



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:

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

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

 

[Pacco]

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?

Use forum ID (Xenforo Updates)

e.g. ID 67

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

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?

.sectionFooter {
    margin: 0px -2px 0px 0px;
}

 

[Amaury]

Use forum ID (Xenforo Updates)

e.g. ID 67

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

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

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.

 

[Pacco]

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

 

[Amaury]

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.

 

[Steve F]

You can try this

.forum_view li.node.forum.level_2:first-child {
    border-top: 1px solid orange;
}

 

[Amaury]

Perfect!

 

[Amaury]

@Steve F, so I completely forgot about within categories themselves. What CSS would I use there? I tried tweaking your CSS above to use level one, but that didn't work, haha!

 

[Amaury]

Any assistance?

 

[Steve F]

.forum_view li.node.forum.level_2 .nodeInfo:first-child {
        border-top: 1px solid #f00;
}

 

[Amaury]

Doesn't seem to be working for that area, @Steve:



It's also adding double borders here:

 

[Steve F]

@Steve F, so I completely forgot about within categories themselves. What CSS would I use there? I tried tweaking your CSS above to use level one, but that didn't work, haha!

View attachment 148648

IS this the forum_list or is it under a category (forum_view)?

 

[Amaury]

It's under categories, such as http://www.kh-flare.net/categories/community.3/.

 

[Steve F]

Try:

.category_view li.node.forum.level_2:first-child {
        border-top: 4px solid #f00;
}

Result:

 

[Amaury]

There.

By the way, your awesomeness is showing.