Need to use text-align: right AND text-indent: -9999px

HTML & CSS
1

Hello!

Here’s the site I’m working on: http://goo.gl/VI4OSy

I added text-align: right to the div (.top-menu .wrap) that’s holding the menu at the very top (about, contact, advertise, overwhelmed? start here, and submit freebies & deals). As a result, the text-indent: -9999px on the last two links (overwhelmed, submit freebies) isn’t working.

Is there a way around this or a better way to do this? The positioning is perfect. Now I just need the text to go away on those 2 buttons.

Thanks for any ideas! :slight_smile:

2

Various things you could do there, probably neater than this, but it works:

.top-menu .widget_nav_menu li.overwhelmed a, .top-menu .widget_nav_menu li.submitfreebies a {text-align: left;}
3

Oh, thank you so much! I had tried adding text-align: left, but to the wrong section. I was trying to add it to the li a. Thanks again!!

4

You’re welcome. Glad to help. :slight_smile: