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

• 

  californiapixie · Member · Jun 13, 2014 at 12:47 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  californiapixie · Member · Jun 13, 2014 at 1:14 am

  • Copy link

  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!

• 

  timethief · Member · Jun 13, 2014 at 1:25 am

  • Copy link

  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/

• 

  californiapixie · Member · Jun 13, 2014 at 1:27 am

  • Copy link

  Can I bring in my own font?

• 

  timethief · Member · Jun 13, 2014 at 1:30 am

  • Copy link

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

• 

  californiapixie · Member · Jun 13, 2014 at 1:33 am

  • Copy link

  THANKS!!

• 

  jackiedana · Member · Jun 13, 2014 at 4:33 pm

  • Copy link

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

• 

  californiapixie · Member · Jun 14, 2014 at 12:56 am

  • Copy link

  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>

• 

  designsimply · Member · Jun 16, 2014 at 2:59 pm

  • Copy link

  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!