WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Lists in widgets (9 posts)

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

    Let's see the Webpage with the menu widget

  3. myosotis
    Member
    Posted 11 months ago #

  4. Andrew
    Forum moderator
    Posted 11 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 11 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 11 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 11 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 11 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 11 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