Submenu sys_page_header font color question

I've changed the font color of the submenu page header to white from the default dark charcoal gray. (see an example in the image below)

blog main headerYay! success! That's the color I wanted!

 

However, when I go to the subtopics w/i the modules, this same submenu page header is defaulting to the body text color. (see an example in the image below)

subtopic headerOops, fail! This is the font color I was trying to get rid of!

 

I've firebugged it to pieces and I can see that it is pulling code from different places, but I can't figure out why or where to fix it.

  • The first image, the main submenu that is the correct color, is pulling its formatting from the top_menu.css (line 128-ish - which appears to be the "correct" formatting to pull as it's for the subMenusContainer).
  • The second image, the subtopic submenu that is the incorrect color, is pulling its formatting from the common.css (line 2 - which is the body font throughout the site). I would change the common.css code to make it the correct color, except that this change would make my body font the same color as my body background.  Which is a bigger fail! White font on white background throughout the entire site just won't work for me!

What I can't determine is why it's pulling different formatting for the same element on the page (they're both <td class="sys_page_header">) or where to fix it so that it is pulling the subMenuContainer font formatting for both sub headers.

 

Does anyone have any suggestions? Clues? Specific easy to follow instructions?

 

Thanks!

Quote · 12 Feb 2011

I FOUND IT!! For anyone else trying to find this font:

\templates\base\css\top_menu.css around line 391 (although I've edited this file, could be diff in default) I found this:

.subMenuOvr .subMenuInfoKeeper {
height:71px;   
margin: 0px 10px;

/*float: left;*/

color:#333333;
text-transform:capitalize;
padding:0;
font-size:18px;
}

I changed the color here:

.subMenuOvr .subMenuInfoKeeper {
height:71px;   
margin: 0px 10px;

/*float: left;*/

color:#FFFFFF;
text-transform:capitalize;
padding:0;
font-size:18px;
}

TADA!!! Now the subheader is the correct color.

Quote · 15 Feb 2011

ggsinc,

Thank you so much. Your information has been very helpful, as I've been looking this up for hours. You are a godsend!

Quote · 10 Feb 2014
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.