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

As designed Sub-Heading Text Color Style Property Doesn't Affect Sub-Heading Text Color

Russ

Well-known member
#3
Just wanted to mention that it affects the headers in the threadbit, just not the forum list.
They'll probably mention it as-designed however if you take a look at node_list.css, you'll notice it pulls from two different sources:

Code:
.nodeList .categoryStrip
{
   @property "subHeading";
   font-size: 11px;
   color: @secondaryDarker;
   background: @secondaryLighter url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
   padding: 5px 10px;
   margin: 3px auto 0;
   border-top: 1px solid @secondaryLighter;
   border-bottom: 1px solid @secondaryLight;
   @property "/subHeading";
  
   @property "categoryStrip";
   padding: 5px 10px;
   margin: 0;
   border-bottom-color: @subHeading.border-bottom-color;
   border-radius: 5px;
   min-height: 6px;
   @property "/categoryStrip";
}
And also:

Code:
  .nodeList .categoryStrip .nodeTitle
   {
     @property "categoryStripTitle";
     font-size: 10pt;
     color: @secondaryDarker;
     @property "/categoryStripTitle";
   }
Go to Style Properties -> Forum / Node List -> Category strip Title

So while your subheading will effect your category strips to an extent, settings in the Category Strip + Category Strip title will potentially override those settings.
 

Amaury

Well-known member
#4
They'll probably mention it as-designed however if you take a look at node_list.css, you'll notice it pulls from two different sources:

Code:
.nodeList .categoryStrip
{
   @property "subHeading";
   font-size: 11px;
   color: @secondaryDarker;
   background: @secondaryLighter url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
   padding: 5px 10px;
   margin: 3px auto 0;
   border-top: 1px solid @secondaryLighter;
   border-bottom: 1px solid @secondaryLight;
   @property "/subHeading";
 
   @property "categoryStrip";
   padding: 5px 10px;
   margin: 0;
   border-bottom-color: @subHeading.border-bottom-color;
   border-radius: 5px;
   min-height: 6px;
   @property "/categoryStrip";
}
And also:

Code:
  .nodeList .categoryStrip .nodeTitle
   {
     @property "categoryStripTitle";
     font-size: 10pt;
     color: @secondaryDarker;
     @property "/categoryStripTitle";
   }
Go to Style Properties -> Forum / Node List -> Category strip Title

So while your subheading will effect your category strips to an extent, settings in the Category Strip + Category Strip title will potentially override those settings.
Forgot that style property changed it on the forum list headers. Thanks.

I do find it a bit odd, though, that the sub-heading doesn't affect it on the forum list.
 

Russ

Well-known member
#5
Forgot that style property changed it on the forum list headers. Thanks.

I do find it a bit odd, though, that the sub-heading doesn't affect it on the forum list.
Well, categoryStrip uses a h3 for the titles there, however subHeadings do not, it just provides an extra layer of styling that's all :).

If you make a change to like color/radius in subHeadings however it's not effecting on the forum list, double check those properties.
 

Mike

XenForo developer
Staff member
#6
You'll see this concept throughout XF. We use a generic style property and then tweak it in more specific ways. So yes, this is expected/as designed.