WordPress.org

Forums

Spun
[resolved] Lists in widgets (9 posts)

  1. myosotis
    Member
    Posted 2 years 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 Nevins
    Forum moderator
    Posted 2 years ago #

    Let's see the Webpage with the menu widget

  3. myosotis
    Member
    Posted 2 years ago #

  4. Andrew Nevins
    Forum moderator
    Posted 2 years ago #

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

    #menu-kategorier-en li:before {
     content: "";
    }
  5. myosotis
    Member
    Posted 2 years 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 Nevins
    Forum moderator
    Posted 2 years 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 2 years 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 Nevins
    Forum moderator
    Posted 2 years 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 2 years 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