XF 1.2 Top Border on Discussion List Containing Sub-Nodes

[Amaury]

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.

 

[Lukas W.]

Can you provide a link to your forum? Then I can give you a quick answer on that one.

 

[Amaury]

Can you provide a link to your forum? Then I can give you a quick answer on that one.

Link is in my signature. That's why I never provide it.

 

[Lukas W.]

I normally tend to ignore signatures, sorry Could you activate the style for some minutes so I can have a look at it?

 

[Amaury]

I normally tend to ignore signatures, sorry Could you activate the style for some minutes so I can have a look at it?

I'm still working on it, but all my styles are styled the same. Choose something like New Year's Day. It's noticeable there as well.

 

[Lukas W.]

.nodeList .nodeList .node:first-child {
border: YourBorderCode
}

Try this.

 

[Amaury]

.nodeList .nodeList .node:first-child {
border: YourBorderCode
}

Try this.

That did not work.

.nodeList .nodeList .node:first-child {
    border: @primaryLight;
}

 

[Lukas W.]

Try a more explicit definition like

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

 

[Lukas W.]

Or are you trying to modify the subforum-list? In that case it would be

.forum_view .nodeList .node:first-child {
border: yourborder
}

 

[Amaury]

Or are you trying to modify the subforum-list? In that case it would be

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

 

[Lukas W.]

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.

 

[Amaury]

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:

 

[Lukas W.]

try using border-top then.

 

[Amaury]

try using border-top then.

Yeah, that's still not doing it.

@Tracy Perry, any help?

 

[TPerry]

Yeah, that's still not doing it.

@Tracy Perry, any help?

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?

 

[Amaury]

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.

 

[TPerry]

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.

 

[mistypants]

This is working for me in Firebug:

.forum_view .nodeList .node:first-child { border-top: 1px solid red !important; }

 

[Amaury]

This is working for me in Firebug:

.forum_view .nodeList .node:first-child { border-top: 1px solid red !important; }

That did it! Thanks, Misty!

I of course changed red to @primaryLight.

 

[Lukas W.]

Or are you trying to modify the subforum-list? In that case it would be

.forum_view .nodeList .node:first-child {
border: yourborder
}

Quite actually what I stated some time ago...