Hey all

I have a little CSS question if anyone can help.

I have a custom form for submitting content with. The problem is all of the form input boxes are the same size, which is fine for all of them except one that I really need to be at least twice as wide.

Here is the code to call the relevant box

<?php print drupal_render($form['taxonomy']['tags'][2]); ?>

As you can see it prints a box for taxonomy 2, but its the same length as all the rest.

Heres the CSS code that defines how wide these boxes should be.

form input, form textarea {
  width:100px
  padding:3px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
}

So what Im basically asking is how would I over ride that CSS just for that one box? I believe if I name it in CSS then I can have separate rules for it, but I dont have a clue how to do that. Would anyone please be able to help?

Thanks

Comments

jwolf’s picture

theme_textarea
http://api.drupal.org/api/function/theme_textarea/5

and'

theme_textfield
http://api.drupal.org/api/function/theme_textfield/5

You can add a prefix and suffix to any field which helps you with styling

knight42’s picture

OK I have to say im completely confused with this now! Sorry, thanks for the help but I dont understand where it has to go and where to change it? Should I put one of those text blocks in the CSS file? Its really just that one element I want to change, but I dont know how. Thanks