Removing Menu Text
-
-
- Thomas New
- Sr. Rocketeer
- Posts: 130
- Thanks: 1
-
Ok, this is a strange one. I want to remove the text links from a menu, replacing them with just the background image of the menu bar. Obviously the text would link to a section on the site, as done in the admin section of joomla. So the menu items will remain, I just dont want the text appearing on the menu bar.
Is this achievable? ???
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
Option 1: move the text, leave the link.
[menu/list id] a:link, [menu/list id] a:visited { text-indent: -3000px; }
Option 2: Move the list.[menu/list id] { position: relative; left: -3000px; }
Either of those or a variation will work. The first will leave clickable areas on the menu bar, the second won't. May require further css depending on your template. - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- Thomas New
- Sr. Rocketeer
- Posts: 130
- Thanks: 1
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
- You neither provided a link to your site, nor said which template you were using, so I can't say for sure, but yeah it's likely to be there. It could also be in something like suckerfish.css if there is one. Download firebug and learn how to use it.. it will save you and everyone else on this forum a lot of time. Takes a single click on your webpage with firebug installed to find out which line in which css file you need to modify.
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- Thomas New
- Sr. Rocketeer
- Posts: 130
- Thanks: 1
-
Time to create page: 0.071 seconds