XF 1.2 Surround Category Section Listing with Left and Right Borders

[Amaury]

How can I accomplish what vBulletin has by default? Where I put the red lines is where I want the borders.

Style property?

 

[TPerry]

EXTRA.css

.node .nodeInfo.primaryContent{
border-left: 5px solid red;
border-right: 5px solid red;
}

should work for forums. Page nodes will not show with that and you have to add

.nodeList .linkNodeInfo {
border-left: 5px solid red;
border-right: 5px solid red;
}

You will have go play with the sizes some and the border for the forum lists overlay it but that should get you started.

 

[Amaury]

EXTRA.css

.node .nodeInfo.primaryContent{
border-left: 5px solid red;
border-right: 5px solid red;
}

should work for forums. Page nodes will not show with that and you have to add

.nodeList .linkNodeInfo {
border-left: 5px solid red;
border-right: 5px solid red;
}

You will have go play with the sizes some and the border for the forum lists overlay it but that should get you started.

First one worked on the forum list. Thanks!

As for the second one, I'm not sure what you're talking about.

 

[TPerry]

First one worked on the forum list. Thanks!

As for the second one, I'm not sure what you're talking about.

The "Frequently Asked Questions" in the attached image.

 

[Amaury]

The "Frequently Asked Questions" in the attached image.
View attachment 64398

Ah, well, we don't use node links.

 

[Amaury]

@Tracy Perry

Now, how can I get left and right borders on the discussion list? I forgot about that.

 

[Steve F]

http://xenforo.com/community/threads/how-to-change-almost-anything-quickly-and-easily.33239/

If your going to be doing styling, you really should look into this tutorial on how to use built dev tools in your browser

 

[Amaury]

http://xenforo.com/community/threads/how-to-change-almost-anything-quickly-and-easily.33239/

If your going to be doing styling, you really should look into this tutorial on how to use built dev tools in your browser

I know. I've been styling for a while now, and that's what I've been doing with some things. However, sometimes I'm too specific, and I can't find what I need.

 

[TPerry]

@Tracy Perry

Now, how can I get left and right borders on the discussion list? I forgot about that.

This should work (courtesy of Chrome Inspector)

.discussionListItems {
border-left: 5px solid red;
border-right: 5px solid red;
}

 

[Amaury]

This should work (courtesy of Chrome Inspector)

.discussionListItems {
border-left: 5px solid red;
border-right: 5px solid red;
}

That worked, but it looks like I need some margin here now. I'm just not sure if it should be left or right:

 

[Amaury]

Got this resolved last night by adding margin-right: -2px to @Tracy Perry's code for the discussion list.

 

[TPerry]

Got this resolved last night by adding margin-right: -2px to @Tracy Perry's code for the discussion list.

What... you wanted me to do it all for ya'?
Good deal. I didn't have a lot of spare time when I posted that. Iwas setting up another VPS, installing OpenLiteSpeed on it and moving the WP site over from my older VPS along with installing another support software for some clients to use to contact me with.

 

[Amaury]

@Tracy Perry: Just discovered that my fix messed up the section footer on profiles (notice how the borders don't line up on the right?). If I added .discussionList, would that make it affect only the discussion list area?

This is my code:

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

Spoiler: Border Mess-Up

 

[Amaury]

Fixed!

Resolution was to change this:

.sectionFooter {
     margin-right: -2px !important;
}

to this:

.sectionFooter.InlineMod.SelectionCountContainer {
    margin-right: -2px !important;
}

 

[TPerry]

Good deal... sorry I missed this. I've been a tad busy lately and haven't gotten to mess with the Forum related stuff (here or mine) much lately.