Forums / Setup & design / (Re)Size of input fields (Contact Us)?

(Re)Size of input fields (Contact Us)?

Author Message

Trond Hjelmaas

Saturday 05 February 2005 12:33:51 pm

Trying to resize the input fields in the auto-generated "contact us" for a plain site.

The HTML (part) looks like this when output to browser:
<h2>Your E-mail address (TROND)</h2>
<div class="attribute-email">
<input class="box" type="text" size="20" name="ContentObjectAttribute_data_text_185" value="" />
</div>

The template code is like this:
<h2>{"Your E-mail address"|i18n("design/base")}</h2>
<div class="attribute-email">
{attribute_view_gui attribute=$node.object.data_map.email}
</div>

When displayed on the target site the input field is too big. How can I resize it?

I have tried adding in my own css .box{width=50px;}, but no luck....

Thanks a lot for any help!

Ɓukasz Serwatka

Saturday 05 February 2005 12:58:51 pm

Try this:

div.attribute-email input {
   width: 200px; 
}

Personal website -> http://serwatka.net
Blog (about eZ Publish) -> http://serwatka.net/blog