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.

Add box/background color around multiple fields

  1. I want to add a box and background color around multiple form fields (including the field title and description) in order to break up the form and make it easier to read.

    It is not clear to me how I can do this with the available css commands and I am not sure where to make changes for this to happen.

    Thanks

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  2. Can you post a link to your form?

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  3. http://retrieverlife.com/breeder-listing/

    I want a box/background color around website address, email address, city, state (for example)

    BTW - this form is still in very draft mode so don't be too hard on it! :-)

    Thanks for any assistance

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  4. No worries, you can drop this into your theme's stylesheet. See if this is what you are looking to do?

    [css]
    #field_7_2, #field_7_3, #field_7_5, #field_7_23 {
    background-color: #CCC;
    }

    This will apply a color to those 4 fields above that you called out. If you are looking for a solid background around all of those with no white space in between, we will need to use HTML fields to add some trickery. Let me know how this goes first, or if we need to go the other route.

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  5. Almost.... It put a box around each field rather than one box to rule them all (hmmm. too much Lord of the Rings).

    http://retrieverlife.com/breeder-listing/

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  6. Yeah, I figured as much, no problem. We're gonna need to go the other route. Can you export your form and email it to me at rob@rocketgenius.com I'll cook this up for you as a sample that you can then reference (will be easier to do that, than try to explain it back and forth here.).

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  7. Hi Rob,

    Thanks so much for your help! I just sent you the form via my toni@retrieverlife.com. Sometimes it ends up in the junk folder!

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  8. No problem Toni, just responded to your email with a solution.

    Posted 12 years ago on Tuesday February 21, 2012 | Permalink
  9. I think it'd be really helpful if you completed the detail request here rather than taking your conversation thread to email. - I ended up on this page from a search where this might have satisfied my needed answer. Now it's almost useless... just sayin' :-)

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  10. @thinkwide,

    Instead of complaining you could simply post a new topic and someone would be happy to help you out with your specific question. Just sayin'.

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink

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