May I know what's the "CSS Class" here?

[esiow2013]

ul.nav a#homelink { text-indent: -9999px; background: url('http://www.elegantthemes.com/preview/MyProduct/wp-content/themes/MyProduct/images/home-icon.png') no-repeat center 6px; padding: 0px; }

ul.nav a#homelink span { display: block; padding: 5px 9px 8px 5px; width: 16px; }

I'm having problems in adding back the "house" icon instead of a "Home" text in my menu. I don't what "CSS class" should I use to be added in the Home menu button (Appearance>Menu).

I'm currently using a "MyProducts" Wordpress theme by ElegantThemes.

Thanks in advance!

[Jonathan1979]

If you post a link to your url I will give you the code you need.  If you don't want to post it, just PM it.

[browneco]

In css there are classes and id's. Classes have a period, so it would look something like this in your css file -

.nav { }

ID's have a # sign so it would look like this -

#homelink { }

You can also string these different elements together to target a specific element, but your question the code within your html file should look something like the code below. That id will trigger the css element have listed. Replace 'www.link-to-your-page.com' with your link.

Your Link Name