Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #226931

    I was wondering how I could display my page links in the header menu as images rather than text?



    Use the Inspect Element feature in Chrome to get the ID of the specific menu item you want to edit, for example:

    Then i would add a CSS code like this:

    #menu-item-2271 a {
        text-indent: -9999px; /* Hides the text */
        background: url(http://png-3.findicons.com/files/icons/2015/24x24_free_application/24/red_star.png) no-repeat center center; /* Change the URL of the image */

    The result:



    You are awesome, thank you for your quick response!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Use images for menu buttons in the header’ is closed to new replies.