The problem is that I have a task to make a white dot when the item menu is hover . ( picture below) . I am asking for help, because it is very important for my order. If need be, I'll pay.

Page is on draft : dalaindustrisupport.shapehosting.se

Example

I'm not good in CSS codes. Usually taking stock settings of plugin.

CodePudding user response：

Try this:

li {
  list-style: none;
  background-color: blue;
  color: white;
}
li:before {
  content: "• ";
  color: white;
  visibility: hidden;
}
li:hover:before {
  visibility: visible;
}

<ul>
  <li>Hover Here</li>
</ul>

CodePudding user response：

UPDATE: it's work for me . I used this,

But how make bigger DOT , and little more left ? Exampel here