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.

Section style

  1. I can't seem to style the section titles in my form. I would like one of the section titles (starts with: items marked with an asterisk...) font color to be red. And the other section titles to be green. Also, is it possible to put a different background to each section? I'm presuming this would be yes if I could get the id correct but not sure which id it would be.

    I looked at your documentation and the forums and tried:
    body .gform_wrapper .gform_body .gform_fields #field_3_18.gsection .gsection_title {
    color: red;
    }

    to get the one specific section title to change but it's not working for some reason. I was able to style other parts of the form (form header and submit button) using the CSS I got from the madlibstyle tutorial. I used this tutorial to design another form on my site and it worked fine.

    thanks for your help

    p.s. I also tried !important but that didn't make a difference

    Posted 13 years ago on Monday June 18, 2012 | Permalink
  2. Can you post a link to your form?

    Posted 13 years ago on Monday June 18, 2012 | Permalink
  3. yes, sorry. I thought I had. Here you go: http://www.janshannondesignwp.com/jsdesign/get-a-quote/

    Posted 13 years ago on Monday June 18, 2012 | Permalink
  4. No problem, this should do the trick for you (just drop into your theme's stylesheet):

    [css]
    .gform_wrapper li#field_3_18 h2.gsection_title {
    color: red;
    }

    To target the background of that one section, you can just do something like this:

    [css]
    #field_3_18 {
    background-color: yellow;
    }

    Screenshot

    Posted 13 years ago on Monday June 18, 2012 | Permalink
  5. Unfortunately, neither one worked. I must be missing something. Can you have another look?

    Posted 13 years ago on Tuesday June 19, 2012 | Permalink
  6. You're missing a closing bracket in your stylesheet: Screenshot

    Posted 13 years ago on Wednesday June 20, 2012 | Permalink
  7. That was it, thank you so much.

    Posted 13 years ago on Wednesday June 20, 2012 | Permalink
  8. No problem, glad to help!

    Posted 13 years ago on Thursday June 21, 2012 | Permalink

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