XF 1.2 Surround Category Section Listing with Left and Right Borders

Tracy Perry

Well-known member
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.
 

Amaury

Well-known member
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.
 

Amaury

Well-known member
This should work (courtesy of Chrome Inspector)
Code:
.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:

 

Tracy Perry

Well-known member
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

Well-known member
@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.png
 

Amaury

Well-known member
Fixed!

Resolution was to change this:

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

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

Tracy Perry

Well-known member
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.
 
Top