View previous topic :: View next topic |
Author |
Message |
katem
Joined: 19 Jul 2011 Posts: 3
|
Posted: Wed Jul 20, 2011 9:28 am Post subject: Form size doesn't resize on website |
|
|
I have tried several times to decrease the width of my form under the Form Appearance function. When I copy in the html code, the size does not change at all on my website. How can I do this?
I am using WordPress to create my website. |
|
Back to top |
|
 |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Thu Jul 21, 2011 7:02 am Post subject: Reply |
|
|
Updating the form size in the control panel and then updating the code on you site should do the trick. It is possible that the code you have around the form is altering the way it is being displayed. If you post a link to the live form on your site, I'll be able to look at the form code and it's surrounding code and see what is happening.
Nick Ladd
myContactForm.com |
|
Back to top |
|
 |
katem
Joined: 19 Jul 2011 Posts: 3
|
Posted: Thu Jul 21, 2011 7:08 am Post subject: Oops... |
|
|
DUH!? Why didn't I post the link? Sorry. Here it is. http://crazy8ministries.com/wp/?page_id=117 |
|
Back to top |
|
 |
mycontac Site Admin
Joined: 31 Dec 2003 Posts: 2860
|
Posted: Fri Jul 22, 2011 6:56 am Post subject: Re: Oops... |
|
|
katem wrote: |
DUH!? Why didn't I post the link? Sorry. Here it is. http://crazy8ministries.com/wp/?page_id=117 |
The reason the form is bleeding to the full width of the content area is because you have placed the form within a <div> called 'content' with a style class called 'fullwidth'. The 'fullwidth' style is overriding the width of everything within this div to 860px.
Code: |
.fullwidth {
width: 860px !important;
}
|
If you look at the form code we have provided, you may be able to override this without altering your layout CSS by changing:
Code: |
<table width="50%" style="border: 0px solid #D20700; margin: 0; padding: 0; background-color: #FFFFFF;"> |
To:
Code: |
<table style="width: 50%; border: 0px solid #D20700; margin: 0; padding: 0; background-color: #FFFFFF;"> |
If that doesn't work, you'll need to do some other reconfiguration of the code around the form our modify the page's CSS.
Nick Ladd
myContactForm.com |
|
Back to top |
|
 |
katem
Joined: 19 Jul 2011 Posts: 3
|
Posted: Fri Jul 22, 2011 7:35 am Post subject: That worked. |
|
|
Thanks so much, that worked! |
|
Back to top |
|
 |
|