Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm trying to style a custom menu here so that I can let other people manage this site alongside myself.

What I'm trying to do is remove the text for the top level links while leaving the a as a block so the links are clickable, however when I try and remove the text using text-indent: -999em; (which I know isn't the neatest way of doing it) it recurses down the menu and hides all the the other links.

Can anyone suggest any neat ways of hiding the text?

share|improve this question
add comment

1 Answer

up vote 1 down vote accepted

I think you can use the text-indent for this level, but you must set the text-indent for all a -tags of the class sub-menu also set to 0, not -999px.

Example:

#menu-main-navigation .link-experience a {
display: block;
height: 63px;
width: 167px;
text-indent: -999px;
}

.sub-menu a {
text-indent: 0px !important;
}
share|improve this answer
    
It didn't work at first but I used Firebug and noticed that the .sub-menu a was being overwritten by the #menu-main-navigation's text-indent, so I gave the sub-menu an !important and it seems to have worked! –  rickbutterfield Aug 23 '11 at 13:30
    
the fastest variant is to use the !important element –  bueltge Aug 23 '11 at 14:55
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.