I have a List (radio) question type and I want to align the radio button with the text (in this case lowering it). I'm not able to do this in LS 3, but was able to in LS 2.5.
I made some progress, in LS 3.0. Note: I can also make my example look aligned when
I reduce the text size from 24px to 14px.
I inspected the page in Chrome and modified the line as follows, it worked:
[added: style="line-height:15px;"]
<label style="line-height:15px;" for="answer574568X34X186A1" class="control-label radio-label">
<span style="font-size:24px;">I felt totally unsupported</span>
</label>
for image of results see: ThisWorkedRadBtn.png
for image of the code see: InspectionCodeChange.png
To implement, I've added to custom.css:
.radio-label {
line-height: 15px;
padding-top: 8px;
padding-bottom: 3px;
}
The radio button aligns with the text aligns.
However, the css override does not work the same as the direct code change:
the radio button fill dot position remains unchanged, therefore making it not in the center.
see ResultsWithmodCss.png
I'm not able to make the fill dot move down, when option is clicked.