Contact Box

[ttmb33]

Please show me how to expand the contact box. The vertical length is too narrow. Thanks for your help.

[clydejones]

Please show me how to expand the contact box. The vertical length is too narrow. Thanks for your help.

Link to your site?

[ttmb33]

This is the URL I am working on:

www.gemzgold.com

Thanks!

[clydejones]

This is the URL I am working on:

www.gemzgold.com

Thanks!

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following rule:

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

change the margin to 1em instead of 0.1em

adjust the margin setting until you get the height you want.

[ttmb33]

I did try it, but it doesn't work.

[Get Em Fast]

Clyde...........not arguing, as I know you know what you're doing, but won't that affect other form, as well?

But, then again, I could be missing something here. I'm under the assumption that ttmb was talking about the box on the "Contact Us" page, which is very short................and I was going to suggest that this be done one of 2 ways.

The first with css, by adding this to the stylesheet:

#contactUsForm textarea {
   height: 200px;
}

Or by editing the php......includes/templates/CUSTOM/templates/tpl_contact_us_default.php
by finding this line:

<?php echo zen_draw_textarea_field('enquiry', '30', '7', $enquiry, 'id="enquiry"'); ?>

.....and changing the '7' to the desired number of rows.....such as 20 making that be:

<?php echo zen_draw_textarea_field('enquiry', '30', '20', $enquiry, 'id="enquiry"'); ?>

Would this not be correct?

[ttmb33]

It works great. Thanks so much for your help.

[clydejones]

Yes, it will affect the other forms, but it does give a little bit of "breathing room" between the input fields.

Yes, you can add

#contactUsForm textarea {
height: 200px;
}
and that will increase the height of the textarea

and/or using you second option - increase the number of rows for the textarea

<?php echo zen_draw_textarea_field('enquiry', '30', '20', $enquiry, 'id="enquiry"'); ?>

A combination of all three would be my preferred option since that would increase the overall height and "breathing space" for the contact form.

[Get Em Fast]

Well, yea...........I can understand that, but the

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

also makes the header spaced out more than what he has it, makes the shopping cart page mis-align the buttons, and adds a lot of unnecessary space to the Create Account fields, just to name a few.

But, no biggie.....................and as I said, I know you know what you're doing..............it's just one of those 'personal opinion' things, I guess.

[clydejones]

If you look at the contact form on my site (link in my sig)

You can see how I've styled it.

It uses its own "contact_us.css" stylesheet

and tpl_contact_us_default.php has been modified as well.