Hiya,

 

I am trying to style the Wordpress Category dropdown as the dropdown is far too wide.

 

Here is the html code:-

 

<div id="sidebar">
<ul>
<div class="sidebarSearch clearfix">
<h2 class="widgettitle">Recommended Posts</h2>
<ul>
<h2 class="widgettitle">Recent Posts</h2>
<ul>
<h2 class="widgettitle">Categories</h2>
<select id="cat" class="postform" name="cat">
<option value="-1">Select Category</option>
<option class="level-0" value="503">Example</option>
</select>

 

Thanks in advance :-)

and where is the css? and where is the output u are getting? and what is the output u want?

Have you tried looking in the inspector in your browser to see what html, classes and divs are being outputted?

Hiya,

 

I got the above code from the inspector in my browser, the output code for dropdown is:-

 

<select id="cat" class="postform" name="cat">
<option value="-1">Select Category</option>
<option class="level-0" value="503">Example</option>

 

I have not written any CSS for this so there's nothing to attach as it is a plugin.

 

Thanks :-)

P.S - I wish to adjust the width of the drop down as it is too wide and sitting over other content

Adjust the CSS properties for #cat in your CSS like so:

 

#cat {
    width:200px; /*OR WHATEVER YOU WANT IT TO BE */
}

Are you using Wordpress?

 

You could try something like:

 

select#cat {

width: *what ever you want here.* px;

}

 

for example

that did the trick - thank you very much :-)