inline radio button

In the css try adding this:
.form-radios .form-item {
display:inline;
}

This works perfectly, except that I have a form in a node, and one in a block.

How can I get my node to display the radio buttons inline, and my block to display them vertically?

Thanks

Glenn

Target the block specifically with CSS.

.block .form-radios .form-item {
display:inline;
}

Note that Garland does not have a "block" class on its blocks, but just about every other theme does, you might need to adjust the name of the class. This is a basic CSS question, I'd recommend looking at tutorials or a book on CSS. I like the http://w3schools.com website.

Got this working

I had to specify both .node and .block CSS items:

.block .form-radios .form-item {
display:block;
}

.node .form-radios .form-item {
display:inline;
}

Glenn

Hi!

css settings will be lost if one of the fields is not filled (required field), how can make whatever css settings were.

This really helped me in making radio buttons horizontaly align.

.radio, .checkbox {
    position: relative;
    display: inline-block;
}

This worked for me..

I managed to give styles to a radio button with the structure that gives drupal.

drupal structure.

css:
.numero2 .radio input[type="radio"], .numero2 .checkbox input[type="checkbox"] {
display: none;
}
.numero2 .radio input[type="radio"], .numero2 .checkbox input[type="checkbox"] {
width: 15px;
height: 15px;
display: inline-block;
background-color: #fff;
box-sizing: border-box;
border: 1px solid black;
border-radius: 0px;
transition: border-color .2s;
margin: 3px 0px 0px -25px;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
.numero2 .radio input[type="radio"]:checked, .numero2 .checkbox input[type="checkbox"]:checked {
background: url(../img/chulo.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
}