aligning contact us text area

[Dinoleix]

Hi All

I need some help from you out there, The contact us text area box is expandable, which is good.

But i am not able to align it along with the other two fields above .

You can see it in the link below
http://feerol.com/mydev1/index.php?m...230a35156a6d3d

I am trying to pull this on the left side for alignment but not able to do so , below is the code i have but changing the values does not help on the width and alignment.ie in tpl_contact_us_default.php

<label class="inputLabel" for="email-address"><?php echo ENTRY_EMAIL; ?></label>
<?php echo zen_draw_input_field('email', ($email_address), ' size="40" id="email-address"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?>
<br class="clearBoth" />
<br class="clearBoth" />
(DRAG RIGHT BOTTOM CORNER TO EXPAND)
<label for="enquiry"><?php echo ENTRY_ENQUIRY . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?></label><br class="clearBoth" />
<?php echo zen_draw_textarea_field('enquiry', '30', '10', $enquiry, 'id="enquiry"'); ?>


Can you please help what needs to be done to align this ?

--Dino

[lat9]

The problem is not in your php code, it's in your CSS. Check your stylesheet.css for the selector

#contact_form input, textarea, select {

and after that add

#contact_form textarea { width: 95%; }

The problem is that the CSS is currently setting the width of the textarea box to 190px.

[Dinoleix]

Hi Lat9

Thanks, i did modified the css , but nothing actually happened.

strange isn't it.

what could be wrong ?

--Dino

[lat9]

I'm not sure which of your CSS files contains the styling that's affecting you, but did you look specifically for

#contact_form input, textarea, select {

to find the width {190px; } statement and place the

textarea { width: 95%; }

directly after it? I'm still seeing the 190px overriding the 95%.

[joejoejoe]

When I viewed the source it says you're using the abbiamo supreme template and the info is coming from:
/includes/templates/abbiamo_supremo/css/stylesheet.css
and that stylesheet still shows it as 190px.
Is it possible you made the change to the default stylesheet and not the template override one?

Also - I tried playing with it in firefox by adjusting the stylesheet and I liked the looks when I just changed the 190px to 73%. That made the left edge of the boxes align and left the comment section big enough to look like I could really write a lot.

EDIT (If it's not too late) I see this: We’re always up for a chat. on the same page. You have to escape the apostrophe or it won't show up as we're.

[Dinoleix]

joejoe

That does the thing , Thank you so much for the help .
Thanks lat9 too for your help.

The changes are now here

http://feerol.com/fashions/index.php...533cd06a9d6945

--dino