Please Note: We are no longer using forums to facilitate standard support. 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 3 years ago on Monday April 2, 2012 | Permalink
  2. No problem, try dropping this in to your theme's stylesheet for the inputs:

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

    Your button style is coming from your theme:

    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:

    .widget-area .gform_footer #gform_submit_button_1 {
    }

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

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

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only