Styling Gravity Forms forms

Home Forums Troubleshooting / Solutions Styling Gravity Forms forms

This topic contains 1 reply, has 2 voices, and was last updated by  dianne 4 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #950


    So Gravity Forms has its own styles. You can over-ride those in your theme’s style sheet usually by copying what you see from Firebug or Chrome Inspector and adding something like “body” or “form” to them.

    For example, a label element might have these styles in Gravity Forms default css:

    .gform_wrapper .top_label .gfield_label {
    margin: 10px 0 4px 0;
    font-weight: bold;
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.3em;
    clear: both;

    If I want to change something, I would copy this into my style sheet and add the form tag to it:

    .gform_wrapper form .top_label .gfield_label {


    Now I can change things:

    .gform_wrapper form .top_label .gfield_label {
    margin: 10px 0 2px 0;
    font-weight: normal;
    display: block;
    line-height: 1.5em;
    clear: both;
    color: #00a0ea;
    font-size: 1em;



    Is it the same procedure when your work is printed in actual form? Just thinking this will be a great guide to have.

    “works for

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.