Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Let’s see the Webpage with the menu widget
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
The dots are special characters in the “:before
” selector, to remove them add:
#menu-kategorier-en li:before {
content: "";
}
That works! What would be the best way to change the font of the list items? (To the sans serif font in the top menu).
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What about adding the font into the ‘li
‘ like the above style but without the ‘:before
‘? E.g.:
#menu-kategorier-en li:before {
font-family: 'Lucida Grande', inherit;
}
I added it like this, but it doesn’t seem to work.
#menu-kategorier-en li:before {
content: "";
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 11px;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Sorry bad example, I forgot to remove the “:before
” in my example. The example should be this:
#menu-kategorier-en li {
font-family: 'Lucida Grande', inherit;
}
That works great! Thank you so much for responding so quickly to all my questions.