How to remove the dots from custom menu with CSS

Question

I want to remove(hide) bullets (dots) with css code, but I can`t Please tell me what I do wrong: 1) I give class name in my case: .no-bullets 2) I use this css code:

.no-bullets {
    list-style-type: none;
}

this is not working for me...

Then I use this css in theme stylesheet:

ul
{
    list-style-type: none !important;
}

again nothing...

Please help me with this, thank you in advance

Answer 1

the list-style properties apply to elements with display: list-item only ,make sure your list elements doesnt have any other display style.

UPDATE

seeing your link your style.css file is overriding your custom style with list-style-type: disc; you have to get rid of this line.

UPDATE 2

use this code in your custom css
.entry-content ul > li { list-style-type: none !important; }
this will do the job quickly.

Answer 2

here is my suggestion:

ul {
    list-style: none;}