samedi 11 avril 2015

Gravity Forms Donation form Option Buttons

I'm creating a donation from for a nonprofit organization. The form is located at http://ift.tt/1JBfzDX. I'm using CSS to style the radio buttons as regular buttons, but I am having a problem with other elements getting moved up beside the option buttons. I also need the buttons to be responsive, like the rest of the site design. This is the custom CSS I have for the radio buttons:



input[type=radio] {
display:none;
}

input[type=radio] + label {
border: none;
float: left;
position:relative;
margin-left: 0.2em;
background-color: #BCD676;
border-radius: 0px;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
padding: 1em 2.0em;
}


Thanks!


Aucun commentaire:

Enregistrer un commentaire