WordPress.org

Forums

Spun
[resolved] Lists in widgets (9 posts)

  1. myosotis
    Member
    Posted 1 year ago #

    I have a menu widget, and it displays as a dot list. I would like to change the list style to 'none' and the font. I can't find where.

  2. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

    Let's see the Webpage with the menu widget

  3. myosotis
    Member
    Posted 1 year ago #

  4. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

    The dots are special characters in the ":before" selector, to remove them add:

    #menu-kategorier-en li:before {
     content: "";
    }
  5. myosotis
    Member
    Posted 1 year ago #

    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).

  6. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

    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;
    }
  7. myosotis
    Member
    Posted 1 year ago #

    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;
    }
  8. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

    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;
    }
  9. myosotis
    Member
    Posted 1 year ago #

    That works great! Thank you so much for responding so quickly to all my questions.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags