search

elclanrs / jq-idealforms-old

The ultimate framework for building and validating responsive HTML5 forms.
665 stars 95 forks source link

How to inline radio or checkbox? #92

Closed cartouche699 closed 11 years ago

cartouche699 commented 11 years ago

Hello,

I would like to know how to align horizontal radio buttons or check boxes (using CSS)?

thakn you.

elclanrs commented 11 years ago

Open your browser's inspector tools and analyze the structure to see how it's built, then you can fiddle with CSS in a separate file so you don't mess with Ideal Forms. This is quickest solution I found that should work with the default theme:

.ideal-radiocheck {
  border-width: 0 1px 0 0;
  border-radius: 0;
  margin: 0;
  padding: .4em 1em 0 0;
}
label.ideal-radiocheck-label {
  clear: none;
  margin: 0 .5em;
  padding: 0;
}