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.

Can't Seem To Format Title Text Properly

  1. I added lots of code to my style.css page I found in this forum, but so far, I can't get my font to change color, style or size.

    Here's my link: http://www.imsworks.com/contact

    I ended up copying the css file from the plugin and pasting it into my themes css file just to be safe from changes.

    I would like to start over and get your help on how to make the fonts show properly. I found numerous topics on this forum and tried adding different codes including the !important to each line but I can't get nothing to change.

    Can you help me figure out how to fix this?

    Thanks!

    Posted 13 years ago on Tuesday January 4, 2011 | Permalink
  2. I don't see a form title at all, only the form description. Is that what you're trying to change?

    If you're talking about the h1 page title output by your theme, that's using the Cufon font replacement script and it wouldn't reflect many CSS properties.

    Posted 13 years ago on Tuesday January 4, 2011 | Permalink
  3. Sorry, I didn't mean the title, but the labels around each box. I would like to change the font, the size and make the bold.

    I tried adding this and it didn't help either..

    .gform_title {font-size: 18px!important; color: #ee0000!important;}
    .gform_description {font-weight: bold!important; font-size: 14px!important;}
    .gfield_description {font-size: 12px!important;}
    Posted 13 years ago on Tuesday January 4, 2011 | Permalink
  4. Okay, if you're talking about the field labels, then you're targeting all the wrong things with your CSS. You're targeting the form title and description and then the field descriptions which you're not even showing.

    This is how you target the labels

    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color:#0ee; font-size:18px}

    Screenshot: http://grab.by/8cKj

    You should find this helpful. It has examples of how to properly target form elements to apply new CSS rules.

    http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/

    Posted 13 years ago on Wednesday January 5, 2011 | Permalink
  5. lol.. I guess that's why the text was not changing.. :)

    The code worked and I used code from the link you posted to tidy it up.

    Thanks for your help!

    Posted 13 years ago on Wednesday January 5, 2011 | Permalink
  6. Wonderful. I'm glad that all worked. Thanks for the update.

    Posted 13 years ago on Wednesday January 5, 2011 | Permalink

This topic has been resolved and has been closed to new replies.