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.

want to overide colour in website .css

  1. HI,
    1, I am trying to change the input box background colour.
    2, I have just altered the border radius (as seen in code below) but the right hand side of the text input field is remaining squared off. Left hand side, rounded.

    Thx in advance

    [css]
    /* Gravity Forms
    ------------------------------------------------------------ */
    
    div.gform_wrapper input,
    div.gform_wrapper select,
    div.gform_wrapper textarea {
    	border: 1px;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	color: #000;
    	font-family: Arial, Helvetica, Tahoma, sans-serif;
    	font-size: 12px;
    	padding: 4px 5px !important;
    }
    
    div.gform_footer input.button {
    	color: #fff;
    }
    
    div.gform_wrapper .ginput_complex label {
    	font-size: 12px;
    }
    
    div.gform_wrapper li,
    div.gform_wrapper form li {
    	margin: 0 0 10px;
    }
    
    div.gform_wrapper .gform_footer {
    	border: none;
    	color; #fff;
    	margin: 0;
    	padding: 0;
    }
    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  2. How about a URL to your form please? It's easier to test when I can see it.. otherwise we're just guessing. Also, looking at your CSS, the last color declaration is incorrect.. there's a semi-colon where a colon should be.

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  3. is there any way I can PM it to you? Looked but can't a way to. :(

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  4. i will have to give u a login to get past the construction page thats all.

    thx

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  5. Send me a login to rob@rocketgenius.com and I'll take a look for you.

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

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  7. Try dropping this in:

    [css]
    .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
    width: 98% !important;
    }
    div.gform_wrapper input,
    div.gform_wrapper select,
    div.gform_wrapper textarea {
    	border: 1px;
    	border-radius: 6px;
    	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	color: #000;
    	font-family: Arial, Helvetica, Tahoma, sans-serif;
    	font-size: 12px;
    	padding: 4px 5px !important;
          background-color: #fff;
    }
    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  8. Perfect.

    Thank you so much for the speed of your responses. Cannot ask for much more.

    Thx guys

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  9. Right on Richard, glad to help.

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

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