Closed Sub-Heading Text Color Style Property Doesn't Affect Sub-Heading Text Color

A

Amaury

Well-known member
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.
 
Amaury said:
Just wanted to mention that it affects the headers in the threadbit, just not the forum list.
Click to expand...

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.
 
Russ said:
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.
Click to expand...

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.
 
Amaury said:
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.
Click to expand...

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.
 
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.
 
Back
Top Bottom