How to center the radio buttons

  • pablojunyent
    Fecha de consulta 15 de marzo de 2024, 9:14

    I had other question

    How can i center the radio options buttons in reletion with the left label?

    Center Docusign widget Image 1 Screenshot 20 Screenshot 10

    Thank you!

  • Lorenz Jotform Support
    Fecha de respuesta 15 de marzo de 2024, 9:56

    Hi Pablo,

    Thanks for reaching out to us for help. To clarify, do you want to just move the radio button to the center? If so, then you can use the CSS code below:

    #cid_49 span.form-radio-item label {
    margin-left: 100px !important;
    }

    Check this out:

    How to center the radio buttons  Image 1 Screenshot 20

    If that's not exactly what you're trying to do, let us know and provide more details so we can assist you better.

  • pablojunyent
    Fecha de respuesta 15 de marzo de 2024, 9:59

    No, I want to make a vertical center alignment, for each question with radio buttons.

  • Christopher Jotform Support
    Fecha de respuesta 15 de marzo de 2024, 12:24

    Hi Pablo,

    Thanks for getting back to us. Please inject the provided CSS code below.

    /*Vertical center alignment for single choice - 12932731*/
    span.form-radio-item {
        margin-top: 0.6em !important;
    }
    /*Code ends here*/

    Here's how to do it:

    1. In Form Builder, on the right side of the screen, click on the Paint Roller icon.

    2. On the right panel, go to Styles.

    3. Scroll down to Inject Custom CSS.

    4. Paste the provided CSS code.

    How to center the radio buttons  Image 1 Screenshot 30

    Result:

    How to center the radio buttons  Image 2 Screenshot 41

    Give it a try and let us know how it goes.