Alignment of Text and radio button.

  • cd_support
    Asked on March 28, 2019 at 11:22 AM

    Do you mind telling me why my texts are not aligned with my radio button?

    Jotform Thread 1774942 Screenshot
  • Nik_C
    Replied on March 28, 2019 at 1:25 PM

    I checked your form but I wasn't able to replicate such issue, the radio buttons are showing properly:

    1553793904Screen Shot 2019 03 28 at 6 Screenshot 10

    Are you still experiencing this problem?

    We'll wait for your response.

    Thank you!

  • cd_support
    Replied on March 28, 2019 at 2:10 PM

    Not anymore but if you look at your image, the radio button is somehow not horizontally aligned. Is this something you can change?

    Thanks.

  • Nik_C
    Replied on March 28, 2019 at 3:22 PM

    You can insert the below CSS to your Custom CSS:

    #label_input_97_0, #label_input_97_1, #label_input_97_2 {

        position: relative;

        top: 7px!important;

    }

    It will position the labels like this:

    1553800892Screen Shot 2019 03 28 at 8 Screenshot 10

    Hope it helps.

    Thank you!

  • cd_support
    Replied on March 28, 2019 at 3:34 PM

    Thanks a lot.

  • cd_support
    Replied on April 1, 2019 at 8:41 AM

    Out of nowhere, the radio button and texts are NOT aligned despite adding the script you suggested. This was running perfectly last week.


    1554122511Capture Screenshot 10

  • roneet
    Replied on April 1, 2019 at 11:24 AM

    Let me check the CSS of the Radio buttons. I'll get back to you ASAP.

    Thanks.

  • roneet
    Replied on April 1, 2019 at 11:40 AM

    I have injected the following CSS in your Form Designer, please check now.

    #label_input_97_0, #label_input_97_1, #label_input_97_2{
    position: relative;
    left: 8px!important;
    top: -20px!important;
    }

    #label_input_93_4,#label_input_93_0, #label_input_93_1, #label_input_93_2, #label_input_93_3{
      position: relative;
    left: 17px !important;
    top: -35px !important;

    }

    Looking forward to your response.

    Thanks.