WordPress.org

Ready to get started?Download WordPress

Forums

Designing Widget Dropdown (2 posts)

  1. jquadra
    Member
    Posted 1 year ago #

    Hello. I would like to change the look of the categories dropdown menu in my sidebar here:
    http://www.jessicaquadra.com/blog

    I've found tutorials on creating dropdowns using CSS but only for navigation.menu bars. I don't like my current dropdown visually so I would like to create my own and customize the category font as well. I would like for the dropdown to look like this:
    http://www.jessicaquadra.com/wp-content/uploads/2013/02/categories.jpg

    I appreciate any help. Thanks.

  2. bcworkz
    Member
    Posted 1 year ago #

    The concept is still similar, you just have one main "menu" item. Each category is a sub-menu item. You're still navigating to pages after all. You'll need to lose the standard form element and build similar functionality. You may be best off looking for a jQuery solution to do the basic functionality. Then it's mostly a matter of CSS to get it looking right. While you could contain this all in a widget, you'll have an easier time putting it directly in your sidebar template. You could always "wigetize" it later.

    And for category fonts, you will use the @font-face CSS rule. Lots of compatible downloadable fonts from Google Web Fonts.

Topic Closed

This topic has been closed to new replies.

About this Topic