Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 17, 2013 at 2:42 am #200909
    davemgraham

    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

    December 17, 2013 at 4:54 am #200946
    Josue

    Hey Dave!

    Here’s how i see it:

    Best regards,
    Josue

    December 17, 2013 at 11:04 am #201037
    davemgraham

    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;
}
    December 17, 2013 at 6:45 pm #201221
    Josue

    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

    December 24, 2013 at 4:54 am #203449
    davemgraham

    Thanks Josue

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Gravity Forms Styling – Custom CSS not taking effect’ is closed to new replies.