Bullet point in side menu

  • Author
  • #1131479


    I want to add a bullet point to just one menu item in the side bar – the link “Paul Kleiman”. I have custom design. Could you please advise how I can do this?

    I think it is a bit of code I need to input into the CSS sheet. I have seen code which can be used to bullet point a whole menu, but not code for a single item.

    Thanks for your help.

    The blog I need help with is researchandjournal.wordpress.com.


    You can target the id or class of the element which you want to style.
    There are different attributes you can use. You can use something like Firebug to look up the element, and then decide against which you want to write the code. The code below focusses on this specific widget, and then the class for this menu item.

    Should you delete the menu item or put the menu item in a different menu, for example, you would have to change the CSS code below to adjust for that.

    #nav_menu-5 li.menu-item-85 {
    display: list-item;
    list-style-type: disc;
    margin-left: 26px;

    Also earlier on in the CSS the display type for list items (li) was set to display:block causing the list-style-type not to show. Setting the display to list item allowed the list element to have a bullet point in front of it.

    Please feel free to change the margin to something you like.

    W3Schools page on CSS Display Property
    W3Schools page on CSS list-style-type Property

The topic ‘Bullet point in side menu’ is closed to new replies.