View previous topic :: View next topic |
Author |
Message |
shelteru
Joined: 07 Jun 2011 Posts: 6
|
Posted: Thu May 31, 2012 1:28 pm Post subject: Changing the Size of Contact Boxes |
|
|
How do I change the size of my "Mailing Address", "State" and "Message" boxes to match the size of the other boxes. I would like them to look justified. Please see my website at the following address. Thanks. Karl
http://aoclay.com/contact-us.html |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Fri Jun 01, 2012 8:21 am Post subject: Reply |
|
|
You'll need to play with the width setting for the multi-line text boxes in order for them to be the same size. You can do this in the admin panel, or within an external HTML editor.
Nick Ladd
myContactForm.com |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
shelteru
Joined: 07 Jun 2011 Posts: 6
|
Posted: Fri Jun 01, 2012 10:58 am Post subject: Form Field Not Changing Width |
|
|
I tried changing the width of the fields, but it will change all BUT the width of the Text Box - Multi Line WHEN placed on my webpage. See my website page at http://aoclay.com/contact-us.html. However, it looks fine when I view it from the myContactForm website. To have all the fields justified, I have to change the width of the other fields to match the width of the Text Box - Multi Line fields which is 30. The Text Box - Multi Line seems that it will not extend beyond 30 on my webpage. I would like to justify all fields to 50. Thanks for your help. Karl |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Sat Jun 02, 2012 10:11 am Post subject: Reply |
|
|
It appears that you have figured it out as they are now showing the same size.
Nick Ladd
myContactForm.com |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
shelteru
Joined: 07 Jun 2011 Posts: 6
|
Posted: Sun Jun 03, 2012 6:15 pm Post subject: Enlarge Fields |
|
|
No I didn't fix it. I just made all the fields the same width (28 ) as the multi-line fields. It would be nice if I could make all the fields about 50 width but I can't get the multi-line field to extend past a width of 28. I don't know but do you think it has something to do with it being in a Megento website? It looks fine in a regular html page. Once I put the html code in the Megento website page (http://aoclay.com/contact-us.html) it won't extend the multi-line field past 28. Is there any code I can use to extend the multi-line field to 50 or so? Thanks. Karl |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Tue Jun 05, 2012 5:54 am Post subject: Reply |
|
|
This issue is being caused by CSS on your site which is overriding the formatting we are giving the form. The following file on your site is doing this:
http://aoclay.com/skin/frontend/default/magikshoes/css/boxes.css
Code: |
textarea {
color: #666;
font-family: Arial,sans-serif;
font-size: 9px;
width: 200px;
height: 100px;
border: 1px solid #666;
padding: 3px;
/*margin-left: 20px;*/
} |
If you look for the line that says 'textarea' and scroll down, you will see that it is setting the multi-line text area widths to a fixed 200 pixels. This is what is overriding the width setting that our code is giving the form.
Nick Ladd
myContactForm.com |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
shelteru
Joined: 07 Jun 2011 Posts: 6
|
Posted: Tue Jun 05, 2012 7:23 am Post subject: Field Width Problem |
|
|
Is there a way to override the CSS's overriding the field width? Another words, is there a work around for this? Thanks. |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Wed Jun 06, 2012 7:00 am Post subject: Re: Field Width Problem |
|
|
shelteru wrote: |
Is there a way to override the CSS's overriding the field width? Another words, is there a work around for this? Thanks. |
The easiest thing is to change the CSS style sheet controlling this. Other than that, you probably could change the form up using inline CSS for each textarea.
Nick Ladd
myContactForm.com |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
shelteru
Joined: 07 Jun 2011 Posts: 6
|
Posted: Wed Jun 06, 2012 8:04 am Post subject: Change CSS Field Width |
|
|
Do you know which CSS style sheet and what to change? Thanks so much for your time and help. |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Thu Jun 07, 2012 5:58 am Post subject: Re: Change CSS Field Width |
|
|
shelteru wrote: |
Do you know which CSS style sheet and what to change? Thanks so much for your time and help. |
http://aoclay.com/skin/frontend/default/magikshoes/css/boxes.css
Code: |
textarea {
color: #666;
font-family: Arial,sans-serif;
font-size: 9px;
width: 200px;
height: 100px;
border: 1px solid #666;
padding: 3px;
/*margin-left: 20px;*/
} |
Remove the 'width' parameter.
Nick Ladd
myContactForm.com |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
shelteru
Joined: 07 Jun 2011 Posts: 6
|
Posted: Thu Jun 07, 2012 8:27 am Post subject: Form Field Not Changing Width |
|
|
It worked like a champ! Thanks again for your time and help. |
|
Back to top |
|
![](templates/subSilver/images/spacer.gif) |
|