Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / aligning contact us text area

aligning contact us text area

Views: 1,024

Results 1 to 6 of 6
8 Oct 2012, 8:24 AM
#1
dinoleix avatar

dinoleix

New Zenner

Join Date:
Aug 2012
Posts:
17
Plugin Contributions:
0

aligning contact us text area

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?main_page=contact_us&zenid=0fb98f1621f342f886230a35156a6d3d

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

8 Oct 2012, 12:37 PM
#2
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,091
Plugin Contributions:
56

Re: aligning contact us text area

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.

8 Oct 2012, 5:29 PM
#3
dinoleix avatar

dinoleix

New Zenner

Join Date:
Aug 2012
Posts:
17
Plugin Contributions:
0

Re: aligning contact us text area

Hi Lat9

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

strange isn't it.

what could be wrong ?

--Dino

9 Oct 2012, 7:19 PM
#4
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,091
Plugin Contributions:
56

Re: aligning contact us text area

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%.

9 Oct 2012, 7:57 PM
#5
joejoejoe avatar

joejoejoe

Zen Follower

Join Date:
Oct 2011
Location:
AZ
Posts:
383
Plugin Contributions:
0

Re: aligning contact us text area

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.