Designing Widget Dropdown (2 posts)

  1. jquadra
    Posted 3 years ago #

    Hello. I would like to change the look of the categories dropdown menu in my sidebar here:

    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:

    I appreciate any help. Thanks.

  2. bcworkz
    Posted 3 years 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