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.

Make Gravity form look like my theme

  1. Hi,
    you may have heard this question thousands of times. However, after some investigation and reading about gravity forms, css and style-sheets, I still haven't solved my problem. I want my forms from Gravity to look like my theme (ThemeForrest BigBang).

    My style.css is looked for editing but in WP admin, I have a plugin where I can write and deine some extra CSS styles.

    What can I do?

    Posted 11 years ago on Thursday May 23, 2013 | Permalink
  2. Gravity Forms is set to inherit styles from your theme. If it the form does not look like your theme, then your theme maker most likely didn't write or include correct form styles. Do you have a link to a form on your site and what specifically are you looking to change about it?

    Posted 11 years ago on Thursday May 23, 2013 | Permalink
  3. Thanks Rob for your reply!
    Link to this very draft page and form is as follows http://rightnleft.se/mypitch/sign-inup/

    I miss the fonts, sizes and overall feeling. The Apply/Send botton is white before you hover. I try do some CSS but it doesn't work (probably because of me). I have also problems with the different lenghts of the boxes as you may see (YOUR TOP THREE FIELDS* and YEARS OF EXPERIENCE*).

    Best, Rikard

    Posted 11 years ago on Thursday May 23, 2013 | Permalink
  4. Rikard,

    You can use this to change your labels and submit button:

    [css]
    body .gform_wrapper .top_label .gfield_label {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: normal;
    }
    body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
    background-color: #78d18b;
    }

    Just place in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level).

    Posted 11 years ago on Thursday May 23, 2013 | Permalink
  5. Now it worked and made changes. Finally.
    Many thanks Rob!

    Posted 11 years ago on Thursday May 23, 2013 | Permalink
  6. RIght on, glad to help!

    Posted 11 years ago on Thursday May 23, 2013 | Permalink