Alignment of Text and radio button.

  • Profile Image
    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?

  • Profile Image
    Nik_C
    Answered on March 28, 2019 at 01: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.24

    Are you still experiencing this problem?

    We'll wait for your response.

    Thank you!

  • Profile Image
    cd_support
    Answered on March 28, 2019 at 02: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.

  • Profile Image
    Nik_C
    Answered on March 28, 2019 at 03: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.20

    Hope it helps.

    Thank you!

  • Profile Image
    cd_support
    Answered on March 28, 2019 at 03:34 PM

    Thanks a lot.

  • Profile Image
    cd_support
    Answered on April 01, 2019 at 08: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.JPG

  • Profile Image
    roneet
    Answered on April 01, 2019 at 11:24 AM

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

    Thanks.

  • Profile Image
    roneet
    Answered on April 01, 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.