Skip to main content

I would like to change the style of the radio button inputs on my page – for example, each answer is currently in a box with a grey background and no borders; the boxes are spaced apart from each other, and there’s little space between the radio button and the answer text. I want to change it so that it looks more visually similar to the checkbox fields on my Skuid page 761d1462a8b3e72d70f33c4a057d0d3cafe1bff2.png I currently have the following CSS on this field, to stretch out the radio buttons to the width of the panel. I tried editing other attributes of these items (background color, border) with no success (since I’m editing the background/border of the field editor itself, not the radio button components when I do this): .allLabel .nx-basicfieldeditor-item.allLabel .nx-basicfieldeditor-item-label { width: 1%; } .nx-basicfieldeditor-section-body > .nx-basicfieldeditor-item.allLabel > .nx-field { width: 99%; } I also tried editing the multiselect settings under my custom theme, but that also didn’t yield the desired results. Does anyone know what item I should be editing the CSS attributes of or where I can go to edit these settings? Thanks in advance!

Aparna~


Try adding some inline CSS: .nx-radiolabel {margin-left: 25px;} and alter the pixels so it matches what you’d like. This will alter the left margin on all radio labels on your page.


Let me know if you need more help with this!


Thanks!

Karen