Menu in sidebar has bullet points I cannot get rid of AND custom font how to
-
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)
-
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!
-
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/
-
-
That’s not what I read there but Staff will provide a definitive answer when they respond to this thread.
-
-
You can use the Custom Design upgrade to change the fonts that appear on your site, but you cannot bring in your own fonts.
-
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> -
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-typeI 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.