Removing bullets from unordered list ul

Question

I have set this  list-style  none outside none   And HTML   lt ul class  quot menu custompozition4 quot  gt       lt li class  quot item-507 quot  gt  lt a href   quot  gt Strategic Recruitment Solutions lt  a gt       lt  li gt       lt li class  quot item-508 quot  gt  lt a href  quot   quot  gt Executive Recruitment lt  a gt       lt  li gt       lt li class  quot item-509 quot  gt  lt a href  quot   quot  gt Leadership Development lt  a gt       lt  li gt       lt li class  quot item-510 quot  gt  lt a href  quot   quot  gt Executive Capability Review lt  a gt       lt  li gt       lt li class  quot item-511 quot  gt  lt a href  quot   quot  gt Board and Executive Coaching lt  a gt       lt  li gt       lt li class  quot item-512 quot  gt  lt a href  quot   quot  gt Cross Cultutral Coaching lt  a gt       lt  li gt       lt li class  quot item-513 quot  gt  lt a href  quot   quot  gt Team Enhancement  amp amp  Coaching lt  a gt       lt  li gt       lt li class  quot item-514 quot  gt  lt a href  quot   quot  gt Personnel Re-deployment lt  a gt       lt  li gt   lt  ul gt   but even though bullets are displayed   I m not quite sure that those are ul s bullets  because when you hover the text the  quot bullets quot  get underlined   Image Demo  https   i imgur com 2wsnBqP png The third level from the menu

User · Accepted Answer

ul menu li a before  ul menu li  item before  ul menu li  separator before     content    2022     font-family  FontAwesome    margin-right  10px    display  inline    vertical-align  middle    font-size  1 6em    font-weight  normal      Is present in your site s CSS  looks like it s coming from a compiled CSS file from within your application  Perhaps from a plugin  Changing the name of the  menu  class you are using should resolve the issue   Visual for you - http   i imgur com d533SQD png

User · Answer

In your css file add following   ul   list-style-type  none

User · Answer

In my case  li     list-style-type   none      It doesn t show the bullet but leaved some space for the bullet   I use   li     list-style-type           It works perfectly

User · Answer

You can remove the  bullets  by setting the  list-style-type  none   Like  ul       list-style-type  none      OR   lt ul class  menu custompozition4   style  list-style-type  none   gt       lt li class  item-507  gt  lt a href    gt Strategic Recruitment Solutions lt  a gt       lt  li gt       lt li class  item-508  gt  lt a href     gt Executive Recruitment lt  a gt       lt  li gt       lt li class  item-509  gt  lt a href     gt Leadership Development lt  a gt       lt  li gt       lt li class  item-510  gt  lt a href     gt Executive Capability Review lt  a gt       lt  li gt       lt li class  item-511  gt  lt a href     gt Board and Executive Coaching lt  a gt       lt  li gt       lt li class  item-512  gt  lt a href     gt Cross Cultutral Coaching lt  a gt       lt  li gt       lt li class  item-513  gt  lt a href     gt Team Enhancement  amp amp  Coaching lt  a gt       lt  li gt       lt li class  item-514  gt  lt a href     gt Personnel Re-deployment lt  a gt       lt  li gt   lt  ul gt

User · Answer

Have you tried setting   li  list-style-type  none     According to Need an unordered list without any bullets  you need to add this style to the li elements

User · Answer

Try this it works   lt ul class  sub-menu  type  none  gt              lt li class  sub-menu-list  ng-repeat  menu in list components  gt                  lt a class  sub-menu-link  gt                        menu component                    lt  a gt              lt  li gt           lt  ul gt

[html] Removing "bullets" from unordered list <ul>

Examples related to html

Examples related to css

Examples related to html-lists