Contact Box

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

Quote:

---

Originally Posted by ttmb33

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

---

Link to your site?

This is the URL I am working on:

www.gemzgold.com

Thanks!

Quote:

---

Originally Posted by ttmb33

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.

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

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:

Code:

---

#contactUsForm textarea {
  height: 200px;
}

---

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

Code:

---

<?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:

Code:

---

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

---

Would this not be correct?

It works great. Thanks so much for your help.

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.

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

Code:

---

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. :smile:

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.