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

[Amaury]

Video below is self-explanatory. Watch in full screen and 1080p:

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[Amaury]

Just wanted to mention that it affects the headers in the threadbit, just not the forum list.

 

[Russ]

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:

.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:

  .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]

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:

.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:

  .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]

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]

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.