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.

submit and previous button in a strange position

  1. Hello,

    I recently added a button to my header and it changed the submit and previous buttons on your form. There are now overlapping and on the right hand side of the form instead of the left as before. Not a big problem for being on the right, but how can I correct this so that they don't overlap?

    You must fill in the form to see the buttons on the second page, since I cannot attach a screen shot.

    Thank you.

    Laurie
    http://www.houseofrunning.com

    Posted 7 years ago on Thursday February 28, 2013 | Permalink
  2. The font color of the Total membership fee is green and the discount is brown, and I would also like to change that. Suggestions?

    Thank you a million!

    Posted 7 years ago on Thursday February 28, 2013 | Permalink
  3. Get more specific with your styling for the header button position piece. So use:

    [css]
    .extrabutton .button {
    float: right;
    margin-top: 45px;
    margin-right: -25px !important;
    }

    For targeting the pricing color and total color, you can use this:

    [css]
    body .gform_wrapper span.ginput_product_price {
    color: #000;
    }
    body .gform_wrapper span.ginput_total {
    color: #000;
    }

    Obviously change the hex colors to whatever you'd like.

    Posted 7 years ago on Thursday February 28, 2013 | Permalink
  4. Thanks Rob!

    I added the codes and it still hasnt changed the "previous" and "submit" at the end of my registration form. they are still overlapping. Ideas to fix this?

    Thank you!

    Posted 7 years ago on Thursday February 28, 2013 | Permalink
  5. You still have the "old" reference: Screenshot

    You need to get rid of this - the snippet I gave you was to replace what was there, not to add to it.

    So replace:

    [css]
    .button {
    float: right;
    margin-top: 45px;
    margin-right: -25px !important;
    }

    With this:

    [css]
    .extrabutton .button {
    float: right;
    margin-top: 45px;
    margin-right: -25px !important;
    }

    Not have both. Does that make sense?

    Posted 7 years ago on Thursday February 28, 2013 | Permalink