Images in custom menu

  • Resolved ralphispoon

    (@ralphispoon)


    13 years, 2 months ago

    I’m trying to add little images in the custom menu i’ve made for each drop down – i’m making a website for deaf people so graphics are vital to the accessibility.

    whats the best and easiest way of doing this?

    thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator cubecolour

    (@numeeja)

    13 years, 2 months ago

    To do this on a project, I viewed the site in firefox with the web developer toolbar & used the “Outline Current Elements” option to see what class/ID each link on the menu has. Then add some CSS to the stylesheet to apply a transparent gif/png icon graphic as a background to the link also applying padding as required to make the graphic sit next to the text of the link.

    Thread Starter ralphispoon

    (@ralphispoon)

    13 years, 2 months ago

    Awesome, but I’m a bit of a newbie to this… any chance of a breakdown on how to do this?

    pleeeeease?

    Moderator cubecolour

    (@numeeja)

    13 years, 2 months ago

    What theme are you using?

    Thread Starter ralphispoon

    (@ralphispoon)

    13 years, 2 months ago

    found a really simple answer after about 4 hours of searching…

    t’s pretty simple to add an image to your menu items.

    In the label field, put an <img> tag such as this:

    <img src=”location/of/image.png” alt=”Link Title” />

    niiiiice

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images in custom menu’ is closed to new replies.