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.

styling forms with current style already on my other forms

  1. Hello,

    my web developer used GF and was able to style using classes and Div however he did not do it at the form editor. anyway now i made a new form and inserted into a new page and i cant get the same style, how do i achieve this?

    i am trying to duplicate the syle of thie form here;
    http://globalgoldandsilver.com/diamond-buyers
    i want to have the same "next, previous and submit" buttons as well as the same field lenght etc...

    the form i am trying to do this to can be found here;
    http://globalgoldandsilver.com/custom-designed-engagement-rings
    my issues are:
    1- the form is not centered in the background
    2- form shifts from side to side in IE9
    3- the form fields are a bit to long
    4- "prev page" and "submit" will not go on the same line, also i had to enter the image links directly in the editor while the above form it was done in another way
    5- the form title is not showing with the same style

    thank you so much for your help!

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  2. This is a fairly customized form styling and it looks like he targeted items via form ID, for example, see this Screenshot

    How versed are you in CSS? Do you no longer have a relationship with your developer?

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  3. my relationship with the developer is not good at the moment and they are trying to fix bigger problems so i am trying to tackle this myself.

    i do understand a little about editing CSS but all i really want to do is have the same styles applied to the other form, can you provide a little guidance on this so i can try to do it

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  4. Well, you could try simply daisy chaining the styles they have written. For example, one snippet in your stylesheet is:

    [css]
    #gform_wrapper_1 h3.gform_title {
    color: #F1B811;
    text-transform: uppercase;
    width: 100%!important;
    clear: both!important;
    display: block;
    float: left;
    font-weight: normal;
    font-family: 'IMPRISHANEWRegular';
    }

    So you could try replacing that with:

    [css]
    #gform_wrapper_1 h3.gform_title, #gform_wrapper_7 h3.gform_title {
    color: #F1B811;
    text-transform: uppercase;
    width: 100%!important;
    clear: both!important;
    display: block;
    float: left;
    font-weight: normal;
    font-family: 'IMPRISHANEWRegular';
    }

    So anywhere you see a style declaration that contains #gform_wrapper_1 you can comma separate it by copying and pasting the line and then using #gform_wrapper_7.

    If this makes you uncomfortable, I'd recommend against it.

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  5. that seems pretty straight forward, i will try.

    TY

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  6. where do i find these? in the CSS file for forms in the GF folder?

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  7. David Peralty

    They are in the CSS file for your theme. Style.css

    Posted 12 years ago on Monday August 13, 2012 | Permalink
  8. for the most part i got it! a few style things are beyond me.

    1. in IE 8and 9 and chrome the final page of the form "previous and submit" - the submit is sticking out to far to the right and this does not happen at the end of the other "diamond buyers" form?
    2. in ie 8, text entered into the input fields is not centered vertically
    3. the multiselect field in the second page of the form is white with a white backgound, how do i fix this.

    finally, what is the easiest way for me to increase the font size in all forms?

    thank you sooo much

    i tried for 2 hours and cant figure out why, since i basically duplicated the style

    Posted 12 years ago on Tuesday August 14, 2012 | Permalink
  9. can you assist on my last question please

    Posted 12 years ago on Friday August 17, 2012 | Permalink
  10. I get a 404 on that page link:
    http://globalgoldandsilver.com/custom-designed-engagement-rings

    Posted 12 years ago on Friday August 17, 2012 | Permalink
  11. sorry,

    http://globalgoldandsilver.com/custom-engagement-rings

    Posted 12 years ago on Tuesday August 21, 2012 | Permalink