Menu Item Icons

Hi There,

How do I create a space between the menu icon and the menu title? I'm assuming this is something CSS based, but I'd like a gap of say 2px from the icon of the menu item, and the title itself. You can see what I mean at www.newsonnews.net and just look at any of the menu dropdowns.

Thanks again.
Kevin

Hi,
I want to help you but my Antyvirus Avast said "Infection: URL:Mal" on your page !! site was blocked.

But I used icons also on my clean website so ... you have two options:
1) Use a little bit wider icon with small empty space on the right side
2) Use this CSS code:

Code: Select all


#menu949 > img {  padding-right: 5px; }

Where 949 - is your item menu ID from Menu Manager ! (Numbers are on the last right column)

Hi There,

Thanks for this!

I take it this CSS goes in template.css??

re: Avast. This is a false-positive that we are aware of and working with Avast to get removed from their definitions!

Cheers
Kevin

About custom CSS - check our guide: http://www.gavick.com/documentation/joo ... -template/

We have many other guides there

Thanks for this info!

Re: Avast virus alert - This has been raised with them as a false positive and will be rectified in their next definitions update. Thanks for the heads-up!!

Kevin