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.

Simple CSS Questions

  1. jdang307
    Member

    My site:

    http://sandiegoautoaccidentlaw.com/

    Ignore everything on the site, it's just a test site.

    On this form I'd like to:

    Make the entry fields for the bio stuff go all the way to the right. See how it's only 50% of the width?

    The submit button. I like the gradient look to it, but want to change the color. I guess I can go make one else where and sub it in.

    Finally: In the description, is there a way to add a line break? Ideally I'd like a line break right before "Free, Immediate"

    Posted 12 years ago on Monday April 2, 2012 | Permalink
  2. No problem, try dropping this in to your theme's stylesheet for the inputs:

    [css]
    .widget-area .gform_wrapper .top_label input.medium {
    width: 99%;
    }

    Your button style is coming from your theme:

    [css]
    input[type="submit"]:active, input[type="button"]:active, button:active {
    border: 1px solid #666;
    background: #CCC;
    background: -moz-linear-gradient(top,rgba(255, 255, 255, .35) 0%,rgba(10, 10, 10, .4) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255, 255, 255, .35)),color-stop(100%,rgba(10, 10, 10, .4)));
    background: -webkit-linear-gradient(top,rgba(255, 255, 255, .35) 0%,rgba(10, 10, 10, .4) 100%);
    background: -o-linear-gradient(top,rgba(255, 255, 255, .35) 0%,rgba(10, 10, 10, .4) 100%);
    background: -ms-linear-gradient(top,rgba(255, 255, 255, .35) 0%,rgba(10, 10, 10, .4) 100%);
    background: linear-gradient(top,rgba(255, 255, 255, .35) 0%,rgba(10, 10, 10, .4) 100%);
    }

    You can target the submit button via this selector:

    [css]
    .widget-area .gform_footer #gform_submit_button_1 {
    }

    The description field accepts HTML, so you can just use a
    tag there.

    Posted 12 years ago on Monday April 2, 2012 | Permalink