WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Lists in widgets (9 posts)

  1. myosotis
    Member
    Posted 4 months 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
    Posted 4 months ago #

    Let's see the Webpage with the menu widget

  3. myosotis
    Member
    Posted 4 months ago #

  4. Andrew
    Forum Moderator
    Posted 4 months ago #

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

    #menu-kategorier-en li:before {
     content: "";
    }
  5. myosotis
    Member
    Posted 4 months 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
    Posted 4 months 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 4 months 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
    Posted 4 months 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 4 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags