Aloha Gravity Friends!
I just started creating some forms!
The one I created on this page: http://socialstrategizer.com/coaching/
Is bleeding into the side bar. I have looked around and can't seem
to find a way to make the forms themselves smaller in width.
Am I missing something that someone could help me with.
Thank you kindly,
Adam
P.S. Happy 2013!
Did you already solve this? On Google Chrome / Mac OS X, I don't see anything bleeding into the sidebar.
Aloha David! Thanks so much for getting back to me!
Ok interesting, I just checked Chrome on my Mac as well and the forms look great. They look good on Safari too.
The issue with the bleeding into the side bar are on Firefox on my Mac:
http://socialstrategizer.com/coaching/
Thanks bud!
Aloha,
Adam
The form looks correct to me in all browsers on Windows 7 as well. However, I would work on fixing the validation errors to see if invalid HTML is creating a layout issue for you in some browsers.
A lot of the errors are inconsequential, but you might find a mismatched div creating an issue for you.
I took a quick look a the stylesheets being loaded, and this one has some Gravity Forms specific markup in it:
http://socialstrategizer.com/wp-content/uploads/dynamik-gen/theme/dynamik-min.css?ver=1357210908
[css]
div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea
{
font-size: 14px;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
}That seems to be making the right borders on the input fields disappear. Removing the padding fixed that. Maybe there is similar markup in that stylesheet causing all your layout issues? It's difficult to see with the stylesheet being minimized.
There is a comment in that dynamic-min.css file:
/* This file is auto-generated from the Dynamik Options settings and custom.css content (if file exists). Any direct edits here will be lost if the settings page is saved */That indicates to me that there is a custom.css where you can make changes to override the default styles. I am not familiar with the Dynamik theme. Maybe there is a theme options section in the admin where you can add custom css. Maybe you can contact their support and ask about modifying the styles on your site to prevent this from happening?