Front page Category CSS dispay issue

[mdpny]

Hi,

This may be obvious, but not to me... I'm having an issue where I am calling out a set of categories to which an image is posted on my front page. I have called out an 11px type in my CSS, which the lead-in text is, however whatever is driving it in the PP category dispay is calling out 12pt type. This is sort of random, as some visited links are showing up as 11pt, without a lighter hoover.

Essentially, what I am looking to have is categories display at 11pt color #606161 with a #f5f5f5 hoover, and visited the same.

My photoblog is at http://www.photos.mdpny.com

I may be posting in the wrong forum, as this was the case in 1.4 too, but any advise would be really...really...apprieciated

and lots of love to Pixelpost...finally a web app to make it easy for a print gfx designer.

-mdpny

[blinking8s]

moved to the design & code section...

i cant get to your url at the moment to take a look at the css though

[derevaun]

It looks like the anchors aren't inheriting the 11px font-size from the parent's class. You could use more specific selectors, like

.bloglinks a {font-size:11px;text-decoration:none;}
.bloglinks a:link {color:#606061;}
.bloglinks a:visited {color:#606061;}
.bloglinks a:hover {color:#f5f5f5;}

...with the font-size in the rule for the anchor in context rather than inheriting it from the ancestor class.

I'd guess that the hover effects don't work on the visited links because the cascade order among the pseudoclasses is confused by the lack of an a:link rule. You could force it by using this:

.bloglinks a:link {}
.bloglinks a:link:hover {}
.bloglinks a:visited {}
.bloglinks a:visited:hover {}

...but I'd try just adding the a:link first. Good luck!

[hicks0r]

would be great if someday u share that tamplate, is really great !

[mdpny]

Thanks derevaun!

I added the a: to my css, and it did correct the sizing issue. However, my hover effect is now not loading. Any guess what might be causing this?

Thanks again for the help... I know barely anything about coding, so it's really appreciated!

[derevaun]

It looks like you've mispelled the selector on some of the ".catLink" rules--css is picky about capitalization, so it doesn't apply it when you don't capitalize the L, as in ".catlink".

[mdpny]

thank you so much! that corrected all the issues I was having.