“Select Category” Dropdown Customizing – Pressrow

• 

  hotshott · Member · Dec 9, 2009 at 5:06 pm

  • Copy link
  • Add topic to favorites

  Are there options when customizing the CSS for the position and size of the dropdown menu? Mine’s just a little too close to the header. And I’d like to set a fixed width for it.

  Thanks
  Kris

  http://hendersonbromsteadart.wordpress.com/

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 9, 2009 at 5:19 pm

  • Copy link

  I don’t think you can change the width of the pulldown. That is set by the length of the longest category name (plus indent if it is a child).

  If you look at the markup, the pulldown has an id of “cat” and a class of “postform” so you might try messing with a width for those.

  #cat and .postform

  Do note that since those are set in the markup you will have to include !important after the declaration so that it will override the markup.

• 

  thesacredpath · Member · Dec 9, 2009 at 5:21 pm

  • Copy link

  Also a padding-top to get more room between the pulldown and the widget title.

• 

  hotshott · Member · Dec 9, 2009 at 6:09 pm

  • Copy link

  noob question… where do I go to see the “markup”? because if I search for #cat or .postform in the CSS, nothing comes up.

• 

  thesacredpath · Member · Dec 9, 2009 at 9:49 pm

  • Copy link

  The markup is the source code, and they won’t show up as #cat or .postform. They will show up as id=”cat” and class=”postform” . I assume that the theme designer defined those and then ended up not using them.

  You have to add one or the other to the CSS, and my suggestion would be to try each with a width declaration. It could be that they will both work. The same with the padding-top declaration.

  #cat {
  width: 150px !important;
  padding-top: 20px !important;
  }

  or

  .postform {
  width: 150px !important;
  padding-top: 20px !important;
  }