Tagged: , , ,

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

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

    #226960

    Hi!

    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(https://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:

    Cheers!
    Josue

    #226974

    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.