Small Images/Icons Next to Dropdown menu entries

  • atree123

    #229

    Is there any way to place a small icon or image next to the text in each drop down menu entry?

    Admin

    Syahir Hakim

    #11675

    You can assign a class to the menu entry, and then use CSS to add the small icon or image.

    maziart

    #11676

    Syahir,

    Thanks for this forum and your theme.

    I want the same as above: instead of text in my drop down menu I want to use icons. The coding that I know has merely been copied from these forums, and tweaked a bit.

    Could you explain to me how I can make this custom drop down menu? You are saying that I can assign a class to the menu entry (in my case they are my categories). What does that mean and how do I do it!

    http://www.maziart.org

    Help! Terima kasih!!!

    Maz

    Mod

    Kenneth John Odle

    #11677

    You can add an icon to the beginning of each menu item by adding this custom CSS:

    #nav li {
    list-style-image:url('directory to image you want to use');
    list-style-position:inside;
    }

    but then each will have the same icon.

    I think you are looking for something more like this, only without the text?

    In that case, you will need to use the class number of each menu item in the custom CSS and not bother with text. I’m not entirely sure how that to accomplish that just yet, however.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!