Changing the Product Listing Header Row Text Color

[dejavu]

I wish that when multiple products are listed in a table that the Header line with the tile_back.gif file was not just an anchor, like the actual product titles, but had an actual class I could change.

I'm being forced to have the same color text in the description "Item Name" as the product itselfs title.

I want white in the description line with a blue tile_back and blue in the title. Argh.

[dejavu]

I'm trying to change a Multiple Product Listing Header Row Text Color. The field is an anchor. So, I thought I'd add a class and the modify the stylesheet.css to change the color of the text.

In the module: tpl_modules_products_all_listing.php, I did the following:

    if (PRODUCT_ALL_LIST_NAME != '0') {
        $display_products_name = '<a class=blah href="' . zen_href_link          (zen_get_info_page($products_all->fields['products_id']), 'cPath=' . zen_get_generated_category_path_rev($products_all->fields['master_categories_id']) . '&products_id=' . $products_all->fields['products_id']) . '"><strong>' . $products_all->fields['products_name'] . '</strong></a>' . str_repeat('<br clear="all" />', substr(PRODUCT_ALL_LIST_NAME, 3, 1));

      } else {

        $display_products_name = '';

      }

In the stylesheet.css, I did:

#blah {
color: #FFFFFF;
}

It's not working. I may be in the wrong module.

Info will be greatly appreciated.

store page link: http://thewonderofchrist.com/store/i...ndex&cPath=1_4

[DrByte]

1. The link you provided has nothing to do with the "all products" listing page you quoted code from.

2. If you're going to attempt to set a selector for a "class", then you need to use a "." in the stylesheet, not a "#" (The "#" is for an "id", not a "class").

3. Adding this to your stylesheet makes the heading links white on the page for which you posted a link:

th.productListing-heading a {
  color: #ffffff;
}

[DrByte]

You don't need to add classes to every element.
You can use "inheritance" to get to any element on the page.
You might check out the topic of inheritance on the w3c website or your favorite CSS book.

[dejavu]

Thank you. I'm really embarrassed about the "#" instead of ".". I was floundering. Thank you for the fix. Much appreciated.