SOLVED! Change RoKNavMenu CSS
-
-
- neiko
- Rocketeer
- Posts: 96
- Thanks: 1
-
Hi Guys
Im trying to remove the titles of my RokNavMenu menu items and David (RT) kindly told me it wasnt possible but mentioned I can do this by editing the CSS (see below). I was hoping someone would be kind enough to give me a few pointers on what files I need to edit and maybe what tutorial I need to read?
: "Not something I would do based on the images provided. Your images include text but search engines will be unable to read that text as it is a picture. You would be better off adjusting the CSS to provide the text style you wish to display and then edit the CSS to display your arrow under the link".Thread URL: http://www.rockettheme.com/forum/index.php?f=15&t=158303&rb_v=viewtopic&p=779383#p779311
P.S Im trying to acheive this with nice thick letters (from ufc.com):
This image is hidden for guests.
Please log in or register to see it.
Thank you everyone!
Neiko - Last Edit: 13 years 2 months ago by neiko.
-
-
-
- Adamck
- Elite Rocketeer
- Posts: 546
- Thanks: 2
- Web Developer, IT Assistant, Graphics design, App Developer
-
try...
edit fusion-menu.css
find.menutop li.root > .item span {....}
replace the entire css line with.menutop li.root > .item span {display: block;margin: 0;outline: none;padding: 20px 14px 4px 14px;width: 30px;line-height: 30px; text-indent: -9999px;}
the text-indent: -9999px; will hide the text off the screen, then the width:30px; will set the menu item width for each item.
you want the width to be the width size of the image you end up using.
You might also need to edit the padding when you add you images to keep the items the correct size. - Kiss my RSS
-
Time to create page: 0.062 seconds