PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Alignment gf_left_half and gf_right_half are not working anymore ?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. teajayo
    Member

    Hello. This is the link > http://www.igorsons.com/contact-us Form preview is fine, however the alignment of the 'phone' and 'secondary phone' don't seem to work anymore. This is odd... using the same wp framework as always. Also aligns zipcode field to the right instead of left. Somethings up. Half the input boxes are cut off. I can fix that in the css... but I don't understand why they aren't the same size to begin with. Ironically...... the only browser the alignment is good in is ....... (gasp) IE!! Any advice? I thought I was going to knock this site out today with this form taking 5 minutes... but nope... alas.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  2. Rob Harrell
    Member

    Looks like something from your theme is injecting br and p tags into the address field: Screenshot

    Your theme may include the [raw] shortcode. If it does, try wrapping the Gravity Form shortcode with the [raw]shortcode[/raw]. This is only a guess but it is something we see quite a bit.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  3. teajayo
    Member

    That worked to take out the BR's..... but the zipcode field is still aligned to the right... even though firebug shows that field is specified [span id="input_1_3_5_container" class="ginput_left"]

    These forms use an older version of the plugin and align fine with no cutoffs. I'll look again at the css and see.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  4. teajayo
    Member

    http://www.sullivanglass.com/contact-us forgot the link to the forms using the older plugin version.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  5. teajayo
    Member

    yup. It's all theme custom theme css..... now I remember it took a few DAYS to get the css right for sullivans to work. I just deleted all the form css elements and its fine. so I'll have to waste more time going element by element to fix everything. damn it.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  6. David Peralty

    Looks like you've fixed it.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  7. teajayo
    Member

    Ya...... it's all css stuff. If I upgrade gravityforms on websites I use it on.... I will have a nightmare time. I cut out the lines I need from forms.css and paste then into a sites main css. Upgrading wouldn't be fun since the forms.css would overwrite my site.css..... and I have tried to use 'custom css' like the plugin options mention... but it didn't work for the last site I used gf on.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  8. David Peralty

    Sorry, I guess I don't exactly understand. Do you mean your theme comes with a form.css that is messing things up or Gravity Forms? You can turn off Gravity Forms' output of CSS in Forms -> Settings. As for your site's css, usually this is in style.css. Some themes use a custom.css but most people just have to put it in the bottom of their style.css because not every theme has a custom.css or pulls in rules from one if one exists.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  9. Chris Hajer
    Key Master

    I have tried to use 'custom css' like the plugin options mention... but it didn't work for the last site I used gf on.

    You should figure out why that did not work rather than modify the plugin's forms.css. As you know, because you modified the plugin files, upgrading is going to be problematic. I would focus on overriding the Gravity Forms CSS properly and not modify the plugin files.

    Posted 12 years ago on Tuesday July 31, 2012 | Permalink

  10. teajayo
    Member

    Hi guys..... yes I have style.css as the main sheet and custom.css ... however, when I modify style.css which should override forms.css it doesn't. So I have to delete the stuff out of forms.css to get rid of those styles. These past to sites I've used gf on I know that isn't the exact correct way, but I don't plan on upgrading the form plugin for either of those sites. This next one I will be doing in the next couple days... I will try harder.

    Posted 12 years ago on Wednesday August 1, 2012 | Permalink

  11. Chris Hajer
    Key Master

    If you find that your custom CSS rules when added to your theme's style.css or custom.css do not appear to work, you need to be more specific with your rules, or you can always go nuclear with the !important rule. "important!" means "override any other rule which would apply to this selector." Here is a basic rundown of "important!":
    http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

    Also, this is a very good overview of how and why the CSS rules
    "C ascade": http://css-tricks.com/specifics-on-css-specificity/

    There are more technical documents online as well, but once you get the concept of specificity, you can learn to make your rules more specific than any other rule which might apply, so that your CSS 'wins' and you don't have to modify the plugin forms.css any longer.

    As always, we're happy to help if you post a link to your site and explain what's not working and what you expect. Thank you for sticking with it.

    Posted 12 years ago on Wednesday August 1, 2012 | Permalink