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

  • Author
    Posts
  • #1891145

    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.

    #1891238

    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!

    #1891243

    timethief
    Member

    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/

    #1891247

    Can I bring in my own font?

    #1891248

    timethief
    Member

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

    #1891250

    THANKS!!

    #1891306

    jackiedana
    Member

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

    #1891322

    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>

    #1891347

    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!

The topic ‘Menu in sidebar has bullet points I cannot get rid of AND custom font how to’ is closed to new replies.