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.

Beginner CSS Question

  1. Hi - I am trying to change the background color of my input boxes and increase the size. I have zero experience with CSS. I believe it's simple from reading the forum, but I don't know where and what to place to make this change. Here's the page - http://billmayer-saddles.com/BMS/order/

    edit: login info removed.

    thanks!!!
    Rob

    Posted 13 years ago on Tuesday March 27, 2012 | Permalink
  2. You will need to edit your theme files.. find the style.css file in your theme folder and add something like this to the very end of the page after all the other CSS rules.

    [css]
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
    body .gform_wrapper .gform_body .gform_fields .gfield select,
    body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    	font-family: verdana, sans-serif;
    	font-size: 16px;
    	background-color: #790000;
    	color: #FFF;
    	padding: 3px 0
    }

    test screenshot: http://bit.ly/GYvpKv

    Of course, you'll want to change the properties, colors, sizes, etc. to suit your design preference but that should get you where you need to be.

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