XF 1.2 Surround Category Section Listing with Left and Right Borders

Amaury

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

Style property?

x22sjFE.png
 
EXTRA.css
Code:
.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
Code:
.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.
 
EXTRA.css
Code:
.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
Code:
.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.
 
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.
 
@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:
Code:
.sectionFooter {
    margin-right: -2px;
}

upload_2014-1-27_18-39-21.webp
 
Fixed!

Resolution was to change this:

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

to this:

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