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.

Stylizing forms in a wordpress sidebar CSS

  1. I am trying to stylize my form on a sidebar in a wordpress theme. An example is http://www.payprosonline.com/retirement. I like the blue box white box. I had some outside help create that blue box style for the form. I know want to know if I can do it. I would like to do the same thing for this page http://www.jolleyinsurance.com/auto. Of course I would change the blue to a different color.

    Can you point me in the direction on how to get this done?

    Posted 14 years ago on Thursday June 9, 2011 | Permalink
  2. If you want to emulate the styles from the first page you referenced, you could start by looking at the stylesheet for that site. You could start by copying the sidebar styles on lines 411-499 of the style.css file and then adjusting for the correct form ID on the new site which is ID#1

    http://pastie.org/2046068

    From there you'd need to tweak the image paths, sizes, etc. to suit the new theme.

    That should get you started with it. Good luck.

    Posted 14 years ago on Friday June 10, 2011 | Permalink
  3. thanks Kevin, I will give it a try

    Posted 14 years ago on Friday June 10, 2011 | Permalink
  4. I can not figure out how to add CCS to my forms. Where do you paste the css code in this case?

    Posted 14 years ago on Friday June 10, 2011 | Permalink
  5. You would put any custom CSS rules at the end of your theme's stylesheet. Usually it's the style.css file or for some themes it's custom.css. If you're not sure where to add it in your theme, you theme provider would be able to tell you for sure.

    http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F

    Posted 14 years ago on Friday June 10, 2011 | Permalink
  6. Thank you kevin! I am using a custom.css file to add code to my theme, so basically i can create any rule, add it to the custom.css file and also to each field? What about generic things like box borders, etc....

    Posted 14 years ago on Friday June 10, 2011 | Permalink
  7. wait, never mind, I just realize I can overwrite Gravity CSS by adding code to my theme css file. Thanks

    Posted 14 years ago on Friday June 10, 2011 | Permalink

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