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.

Your css overwrites mine

  1. elianab
    Member

    I am trying to style a label, to make it normal weight instead of bold. I used Firebug and found that the label is styled with:
    '.gform_wrapper .top_label .gfield_label'

    So I put that code in my style sheet. When I look at Firebug it shows your code above mine, so it's overwriting my style. I can see my style there, and font-weight:normal is crossed out, and your line of code is above mine.

    Isn't my code supposed to be above yours, so my style sheet overwrites yours?

    My url is http://www.marielawsonfiala.com/wp-folder/contact/

    Posted 9 years ago on Tuesday October 26, 2010 | Permalink
  2. Use the !important CSS declaration to make your change higher importance.

    For example:

    .gfield-label {font-weight: normal!important;}

    Our code is output via a hook as part of the wp_head() function call in your head. So it is output where the wp_head() function call is present in your header.php. So if your theme outputs it's CSS above that then it will appear before the Gravity Forms styles, if your theme outputs it's CSS below that then it would execute after the Gravity Forms styles. So it isn't something we control, it's a theme thing.

    Posted 9 years ago on Tuesday October 26, 2010 | Permalink