System0
Active member
I am not sure if this is a bug or just the way that XenForo should work.
I want to remove the top and border from my category titles on my forum home page. I can do this via the node_list.css template. Unfortunately, when I remove the border from the category title, it also removes the border from the discussion list section header (i.e. title, start date, replies etc).
So, when I remove the border from category strip in node_list.css.
.nodeList .categoryStrip
{
@property "subHeading";
font-size: 11px;
color: @primaryDarker;
background-image: url('@imagePath/xenforo/gradients/category-23px-light.png');
background-position: top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid @secondaryDarker;
border-bottom: 1px solid @secondaryDark;
@property "/subHeading";
@property "categoryStrip";
padding: 5px 10px;
margin: 0;
border-radius: 30px;
min-height: 6px;
@property "/categoryStrip";
}
The border is also removed from the sectionheaders class in discussion_list.css (and vice versa).
.discussionList .sectionHeaders
{
@property "subHeading";
font-size: 11px;
color: @primaryDarker;
background-image: url('@imagePath/xenforo/gradients/category-23px-light.png');
background-position: top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid @secondaryDarker;
border-bottom: 1px solid @secondaryDark;
@property "/subHeading";
}
This is a real pain as I want to remove the border from the category titles on the home page but not the discussion list, however changing one automatically changes the other, even though they are controlled by different stylesheets.
How do I resolve this?
Kevin
I want to remove the top and border from my category titles on my forum home page. I can do this via the node_list.css template. Unfortunately, when I remove the border from the category title, it also removes the border from the discussion list section header (i.e. title, start date, replies etc).
So, when I remove the border from category strip in node_list.css.
.nodeList .categoryStrip
{
@property "subHeading";
font-size: 11px;
color: @primaryDarker;
background-image: url('@imagePath/xenforo/gradients/category-23px-light.png');
background-position: top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid @secondaryDarker;
border-bottom: 1px solid @secondaryDark;
@property "/subHeading";
@property "categoryStrip";
padding: 5px 10px;
margin: 0;
border-radius: 30px;
min-height: 6px;
@property "/categoryStrip";
}
The border is also removed from the sectionheaders class in discussion_list.css (and vice versa).
.discussionList .sectionHeaders
{
@property "subHeading";
font-size: 11px;
color: @primaryDarker;
background-image: url('@imagePath/xenforo/gradients/category-23px-light.png');
background-position: top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid @secondaryDarker;
border-bottom: 1px solid @secondaryDark;
@property "/subHeading";
}
This is a real pain as I want to remove the border from the category titles on the home page but not the discussion list, however changing one automatically changes the other, even though they are controlled by different stylesheets.
How do I resolve this?
Kevin