• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Surround Category Section Listing with Left and Right Borders

Tracy Perry

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

Tracy Perry

Well-known member
#12
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
#13
@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
#14
Fixed!

Resolution was to change this:

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

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