itemTitle color CSS issue

[giftmeister]

I spent a lot of time tinkering with stylesheet.css, reading posts, and analyzing FF's Web Developer's results, and I still can't figure out a simple thing.

On the product listing page, how do I make the itemTitle appear in the same blue color as "Price" and "Item Name"? I got so far as to get the right effect when hovered over.

http://www.robbiemart.com/shop/index...index&cPath=79

ZC 1.38a

Cheers,

R

[giftmeister]

I should add to my question- make it blue without changing the color of any other text.

[stevesh]

Looks blue to me.

[gjh42]

Same here...

[econcepts]

Add the following to your stylesheet:

#productListHeading {
color: #0000cc;
}

Or if you want to make sure all of the headings on your site match that you could add that same line to your existing stylesheet like this (find this section in your stylesheet and add the line in red):

h1, h2, h3, h4, h5, h6 {
color:#0000CC;
margin:0.3em 3px;
}

[giftmeister]

Thanks, but those options didn't work. I didn't clarify that I'm talking about the item names which are links/clickable- in this case, "Test Item" and "Test Item 22." Actually, the same should go for a link in the item description (if I add one).

I tried

a:link, #productListingHeading {
color: #0000cc;
font-weight: bold;
text-decoration: none;
}

Weird, because I did the a:hover correctly...but that was for the mainwrapper, I believe.

[giftmeister]

Wait a sec, I just noticed it does look fine in IE while the issue remains in FF. Hm... And it's just the opposite- the title/link is blue like I want, but hovering turns it black.

I have a feeling I tinkered too much with the stylesheet...created a few new 'a:links' to get what I have so far...

[stevesh]

Still blue, and blue with underline on hover in IE8 and Firefox. Try clearing Firefox's cache.

[giftmeister]

Clearing the cache helped me realize (I think) that there's something wrong with the a:visited in my stylesheet, even though I triple checked and they all look good (I created a few new a:link, a:visited, and a:hover for this design).

Because after clearing the cache and seeing the linked text the way I want it, the same issue happened after clicking on them- they turned black, even though they're set to remain blue. Do others see that, too?

If two parts of the stylesheet affect the same text, which one "wins"? I'll probably figure this out if I give it a rest for a day, but I'd appreciate any more comments to spare me the misery of more css tinkering. And yes, I've been analyzing the elements with FF's Web Developer.

[gjh42]

The stronger one wins:)
To be precise, the one with more specificity, which uses higher-grade selectors closer to the level of the element, takes precedence - an id is stronger than a class which is stronger than an HTML element like <a>. If two selectors have the same strength, the last one in the file wins.