displaying image in main navigation instead text

  • Hi,

    I read somewhere that to display a graphic-symbol instead text in main navigation menu (for example ‘home-symbol’ instead ‘Home’ text), one can use id of that particular li element and can achieve the result.

    So if id is 30 for home link text, then css should be:

    nav #menu-item-30 a { display: block; height: 24px; width: 24px; padding-right: 0px; outline: none; text-indent: -9999px; background: url(images/icon-home.png) no-repeat 10px 10px; }

    The same thing (id) can also be used to edit an element on a particular page (via page-id).

    I want to know if this is correct to do and has no side-issues?

  • The topic ‘displaying image in main navigation instead text’ is closed to new replies.