New to the community? Start here

Howdy, I can't see a difference in the CSS between these

Howdy,

I can’t see a difference in the CSS between these two pages and why the submit button isn’t inline with the form on the staging8 site as it is on the Staging3 site:

http://staging8.websitesforhippies.com/8-common-website-mistakes/ (Gravity Form Submit Button NOT Inline).

http://staging3.websitesforhippies.com/8-common-website-mistakes/ (Gravity Form Submit Button IS Inline).

Code appears to be the same on both pages:

#gform_4 .gform_body{float:left !important;}

.gform_wrapper .gform_footer{clear:none !important;}

.gform_wrapper form {width: 580px;}

body .gform_wrapper .gform_footer {

margin: 0;

padding-top: 22px;

}

Thanks in advance,

Casper

Fri, 23 Jan 2015 18:45:51
  • Michelle Shull
    • DEV MAN’s Apprentice

    Hey there, Casper!

    I think it’s the text you have in the misaligned site that’s pushing the button under the form fields. You’ve only got “text” in that area on the site where it’s working. It also looks like you’re using a different div altogether – the site where it’s working has a black background, and the site where it isn’t has blue.

    To change that, we’re going to need to make the text area more narrow, so there’s enough room for the full form field. That’s going to be a little tricky, since you’re using columns in your design, and changing the width of that column will change the width of all of the columns that share that div. I’m assuming you built this with a page builder, do you have the ability to change the dimensions of that particular column from within your theme/page builder settings?

    Thanks, Casper!

  • Casper
    • Syntax Hero

    Hi Michelle,

    I made the text the same on both sites, but it did not make a difference.

    The page is built with visual composer, the container and element settings are exactly the same on each page.

    I also tried making column narrower and the form field wider but that didn’t change anything. The button is still being rather stubborn.

    Any ideas would be appreciated.

    Cheers,

    Casper