Need help? Check out our Support site, then


Menu in sidebar has bullet points I cannot get rid of AND custom font how to

  1. californiapixie
    Member

    I moved my menu to sidebar and now it has bullet points! Yikes! ALSO is there a secret to using your own font? THANKS!!! kimi

    The blog I need help with is californiapixie.com.

  2. californiapixie
    Member

    And...if I can't add my own font, how can I apply one of the provided font choices to the menu items in my sidebar. thanks!

  3. Custom Fonts are part of the Custom Design upgrade that allows you to easily add Typekit fonts to your blog. http://en.support.wordpress.com/custom-design/custom-fonts/

  4. californiapixie
    Member

    Can I bring in my own font?

  5. That's not what I read there but Staff will provide a definitive answer when they respond to this thread.

  6. californiapixie
    Member

    THANKS!!

  7. You can use the Custom Design upgrade to change the fonts that appear on your site, but you cannot bring in your own fonts.

  8. californiapixie
    Member

    I'm trying to remove bullet points from the menu widget in my sidebar. Is there a style I can use in my CSS to accomplish this? This is the code I am seeing for the widget:

    <li id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-pixie-menu-container"><ul id="menu-pixie-menu" class="menu"><li id="menu-item-11305" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11305">Fashion
    <li id="menu-item-11304" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11304">Decor
    <li id="menu-item-11310" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11310">Adventure
    <li id="menu-item-11354" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11354">Misc
    <li id="menu-item-11300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11300">About KIMI
    </div>

  9. I'm trying to remove bullet points from the menu widget in my sidebar.

    To hide bullet points for list items, you'll want to use the list-style-type property in CSS:
    https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

    I checked http://californiapixie.com/ and I see you have a list of menu items starting with Fashion, Decor, Misc, etc. I right-clicked on that list, selected "Inspect Element," and clicked on one of the li elements on the left to see the corresponding styles on the right. Example: http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    I saw the list-style-type set to square, and I copied the part of the selector that applies to widgets and used that to get the following CSS rule:

    .widget-area .widget_nav_menu li {
        list-style-type: none;
    }

    You can add that to your Appearance > Customize > CSS editor to hide the bullets for all lists in widget areas.

    Here is a short screencast showing how I figured it out in case you're interested: https://cloudup.com/cXkh4oZ9BJk

    http://californiapixie.com/ looks wonderful! I love it!

Topic Closed

This topic has been closed to new replies.

About this Topic