Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #200909

    Hi guys,

    I’ve been trying to get the styling of my Gravity Forms to match the Enfold theme. The font, size and headings.

    Here is the page with the form,

    http://bit.ly/19Or1Jd

    I’ve tried adding the following to the Custom CSS to see if it would work to change the Form title to uppercase, but it didn’t

    .gform_wrapper .gform_heading .gform_title {text-transform:uppercase}

    .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    clear: both;
    letter-spacing: normal;
    }
    

    Could you please advise how to achieve this?

    Many thanks,

    Dave

    • This topic was modified 7 months, 2 weeks ago by  davemgraham.
    • This topic was modified 7 months, 2 weeks ago by  davemgraham.
    #200946

    Hey Dave!

    Here’s how i see it:

    Best regards,
    Josue

    #201037

    Hi Josue,

    Yes the heading is correct, but the paragraph text under each heading is different spacing, font etc.

    .main_color .pricing-table.avia-desc-col .avia-pricing-row {
    border-color: #e1e1e1;
    font-size:10px !important;
    }
    
    .gform_wrapper .gform_heading .gform_title {text-transform:uppercase}
    
    .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    clear: both;
    letter-spacing: normal;
    }
    #201221

    Hey!

    I tested this rule and it works:

    .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    font-size: 13px !important;
    }

    Try adding the !important rule.
    Best regards,
    Josue

    #203449

    Thanks Josue

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

The topic ‘Gravity Forms Styling – Custom CSS not taking effect’ is closed to new replies.