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.

Changing Background color in individual fields

  1. First off I have reviewed the post here: http://www.gravityhelp.com/forums/topic/changing-the-background-color-of-individual-fields?replies=5 which I found very helpful, but couldn't get the stated result. I entered the rules Kevin specified in my themes style.css and added to my CSS Class name...nothing happened.

    Do you have any other suggestions? Can you lead me in the right direction?

    Also, I wanted to do this on a 3 column layout. FYI...it didn't work in a singular field also.

    Thanks!!!

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  2. Can you post a link to your form by chance so we can see what's going on.

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  3. Sure. Here is a link: http://about.powermediallc.org/sec-2012-softball-tournament/. I did a work around by creating a background color for the box. I would prefer if all of the fields in color were together with the same color in the background. Not sure if I said that clearly????

    Also, since I have your attention, the submit on page 3 & 4 is located in the middle of the page. How can I get that to the bottom after all of the fields? FYI...the only fields that are required are on page 1.

    Thanks for you help!!!!

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  4. Place this in your theme's stylesheet for your footer buttons:

    [css]
    .gform_page_footer {
    clear: both;
    }

    So if I follow you on the other piece, you want to have that blue bg behind all of that information, with no white in between?

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  5. Correct...No white in between.

    Thanks again!!!

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  6. What you will need to do is group the elements together. You could do this by placing an HTML field above the first field in the group and then place an HTML field after the last field in the group. Then you could wrap a div around it. So the first HTML field could contain something like: <div class="bluegroup"> and then the 2nd HTML field would contain: </div>

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  7. Thanks Rob. I'm almost getting the result that I want, but not quick. I've added the HTML field around the 1st and after the last field in the group. However, that group doesn't change to blue...all the rest do in alternating fashion. It also screws up the footer alignment for the site. Any suggestions?

    Thanks for you time on this matter.

    Posted 8 years ago on Wednesday February 15, 2012 | Permalink
  8. Can you export your form and email it to me: rob@rocketgenius.com

    Posted 8 years ago on Thursday February 16, 2012 | Permalink