Text Color

[groggory]

On my main page, bot the 'new products for december' and 'specials for december' are colored in black. The background in blue and they are almost completely unviewable.

How can I change this text to white?

[groggory]

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #587CBE;
color: #ffffff;
}

That's from my CSS file....what entry in the CSS sheet pertains to my question?

[groggory]

catalog/includes/modules/default_specials.php seems to hold the formatting for the box.

I'm still stumped though. It seems to call the CSS function infoBoxHeading. Which is what I posted above and the text color should be #ffffff , which is white (what I want).

Any ideas?

[groggory]

http://www.upupandawaykites.com/catalogmax/

[groggory]

Does anyone know how to do this? It seems to be a default AABox template problem as that text is black even in a default MAX install.

I'm sure someone out there has found a fix.

Thanks.

[groggory]

if I could figure out where that line is being called from, could I just manually throw white font color tags around it? Thats so quick and dirty and static. Just kinda defeats the purpose of a template CSS driven site.

So if we could fix this the RIGHT way that would be great.

That and msaek should put this fix if we get it in the new version of MAX.

[beernut]

I posted pretty much the same question the other day without any response. They are not white because they are hyperlinks so the css clas which is controlling them is as follows.

A {
color: #000000;
text-decoration: none;
}

A:hover {
color: #AABBDD;
text-decoration: underline;

The problem is if you lighten these up then all the links in your category menu get lightened also.

[michael_s]

All you need to do is create a new style for 'specials links' in stylesheet.css and call it in the template. That way, you can still have a specific color for the link and not bother your other links.

So, add something like this to your stylesheet:

A.specials {
	color: Silver;
	text-decoration: none;
}

Then change the style reference in the default_specials.php file to call this new style...

[groggory]

Line 24 of catalog/includes/modules/default_specials.php

  new infoBoxHeading($info_box_contents, false, false, tep_href_link(FILENAME_SPECIALS));

Line 134 of catalog/templates/aabox/stylesheet.css

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #587CBE;
  color: #ffffff;
}

So doesn't the class TD.infoboxheading control that text? I'm a real newb when it comes to CSS.

[michael_s]

Here is an example.

This Changes the style of the link to use the headerNavigation style (white by default):

Edit this line in default_specials.php:

  $info_box_contents[] = array('align' => 'left', 'text' => '<a href="' . tep_href_link(FILENAME_SPECIALS) . '">' . sprintf(TABLE_HEADING_DEFAULT_SPECIALS, strftime('%B') . '</a>'));

to this:

  $info_box_contents[] = array('align' => 'left', 'text' => '<a href="' . tep_href_link(FILENAME_SPECIALS) . '" class="headerNavigation">' . sprintf(TABLE_HEADING_DEFAULT_SPECIALS, strftime('%B') . '</a>'));

Now your link will be white.