Double icons in Custom Menu widget

  • Resolved syzygist

    (@syzygist)


    8 years ago

    I created a category menu, and used the AGP Font Awesome Collection plugin to select an icon for each category. However, when I set the menu to display in the Custom Menu widget in my sidebar, the default right arrow icon/bullet is also showing for each category, to the left of the icons I picked. Is there a way to suppress the default arrow bullets while still showing the icons I selected, and in the Custom Menu widget only? I’m also using the Recent Posts widget, which I cannot hand select icons for, so I wouldn’t want to suppress the default bullets in that widget.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author lyrathemes

    (@lyrathemes)

    I’ll need to see the page in order to suggest a solution for this. Can you show me the URL where this is happening?

    Thread Starter syzygist

    (@syzygist)

    https://wp-tutor.me/glossary/

    jarektheme

    (@jarektheme)

    Hi there,

    Please add the following CSS to Customize → Additional CSS:

    .widget #menu-categories-menu li a,
.widget_recent_entries ul li a {
  padding-left: 0;
}
.widget #menu-categories-menu li a:before,
.widget_recent_entries ul li a:before {
  content: none;
}

    and save changes.

    Hope that helps. Feel free to reach out if you need anything.

    Best regards,
    Jarek
    Vega Support

    • This reply was modified 8 years ago by jarektheme.
    Thread Starter syzygist

    (@syzygist)

    Actually, I didn’t need to change anything on the Recent Posts widget, so this worked to display only my custom icons in the Custom Menu:

    .widget #menu-categories-menu li a {padding-left: 0;text-decoration:none}

.widget #menu-categories-menu li a:before {content: none;}

    I removed the underline from the links in the menu so I could use non-breaking spaces   before the Navigation Label in my menu to space from my icons, without having an underline under the blank spaces.

    Then I tweaked the bullet padding on all the other widgets a little so there would be less of a difference between the default bullet spacing and my custom icon spacing:

    .widget ul li a{display:inline-block; padding-left:15px;}

    Looking great now – MANY thanks, I really appreciate the help!

    • This reply was modified 8 years ago by syzygist. Reason: fixed code display
    • This reply was modified 8 years ago by syzygist.
    • This reply was modified 8 years ago by syzygist.
    jarektheme

    (@jarektheme)

    Hi again,

    I’m glad to hear all goes well.

    Best,
    Jarek
    Vega Support

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Double icons in Custom Menu widget’ is closed to new replies.