XF 1.2 Top Border on Discussion List Containing Sub-Nodes

Amaury

Well-known member
How can I add a top border here? I've tried a few things and to be specific, including adding border-top to the code @Tracy Perry provided here, but they've added borders around the whole thing. I only need it on the top since the other sides already have borders.

It's not too big of a deal if it's not possible, though. It's strangely a bit cosmetically pleasant.

Top Border.webp
 
Try a more explicit definition like
Code:
.nodeList .nodeList .node:first-child .nodeInfo.primaryContent {
boder: yourcode
}

It is always difficult to tell without being able to see the example the screenshot is taken of. In general, when using chrome or firefox you can see what classes your element has. As you want to add the border only to your first node, you'll definitly need the .node:first-child in your definition, the rest is a matter of the most explicit definition. You can however try to add the !important-attribute to your code, to ignore every more explicit setting.

In general, if I got you right, this is what you're trying to achieve:
Unbenannt-2.webp
 
Or are you trying to modify the subforum-list? In that case it would be
Code:
.forum_view .nodeList .node:first-child {
border: yourborder
}

Nope, that didn't work, either.

Go into a forum, like Visual Arts, that contains sub-forums. Notice how there's no border at the top? That's what I want to get a border on.
 
Yeap, have seen that and the code above worked for me to get a border right where I needed it. In general, follow these steps to get the element you need:
1. Go to where your subject of change is
2. Right click it in Chrome or Firefox and click "Inspect Element"
3. In the following code window, search for the outest div containing your subject of change. In your case, this would probably be the .nodeInfo-div.

You need to select the same elements like when you alter every single element of the list but add the pseudo-selector :first-child to it. When I apply the code above to your forum, it works fine. As stated above, try adding the !important after your color.
 
Yeap, have seen that and the code above worked for me to get a border right where I needed it. In general, follow these steps to get the element you need:
1. Go to where your subject of change is
2. Right click it in Chrome or Firefox and click "Inspect Element"
3. In the following code window, search for the outest div containing your subject of change. In your case, this would probably be the .nodeInfo-div.

You need to select the same elements like when you alter every single element of the list but add the pseudo-selector :first-child to it. When I apply the code above to your forum, it works fine. As stated above, try adding the !important after your color.

I don't need border-right, though. I need border-top.

I edited my picture to show where the border would be. It's shown in red:

Top Border Highlight.webp
 
Will have to wait until I'm back home at a computer (on phone now) since I'm at a client location helping install/transfer 3 servers.
I went to your site to look at that specific style but didn't see it (as a guest). Is it only available for administrators?

Yes, but choose one like New Year's Day. All my styles are styled the same. I'm still working on the one I used in the screenshot.
 
I'm going to have to set up a test server to work with on it as I use a different setup (I use child nodes below a lot of my parents) and it's causing some REAL headaches to figure out for me.
 
Top Bottom