How can I center the texts in Scale Rating field?

  • guiroylescaillet
    Asked on December 2, 2017 at 8:52 AM

    Hello, 

    I would like to center highest and lowest rating texts into the scale rating questions.

    I would like to have all similar and aligned scales for all scale rating questions, so it will be more visual.

    Could you help me please?

    Thank you very much for your help.

    Best regards,

    Aurelie.

  • Marvih
    Replied on December 2, 2017 at 11:14 AM

    Try to add this CSS code into your Custom CSS field.

    .form-scale-table label,td,th {

      text-align: center !important;

    }

    Please clear the blank spaces in your Lowest and Highest Rating text too.

    How can I center the texts in Scale Rating field? Image 10


    Let us know if you need further help.

  • guiroylescaillet
    Replied on December 2, 2017 at 5:28 PM

    Hello Marvih,

    Thank you for your answer.

    However:

    -> This code also centers the input table questions (not only rating scale questions)...I do not understant why ??? Could we precise sth to apply this rule only to rating scla questions. 

    -> The highest and lowest texts of rating scale questions are centered, but the 5 scales are not aligned between each other. Is it possible to have all scales exactly at the same place.

    Thanks a lot.

    Best regards,

    Aurelie.


  • Welvin Support Team Lead
    Replied on December 2, 2017 at 6:45 PM

    I've fixed it for you by replacing the custom CSS codes to the following:

    .form-scale-table > tbody > tr > td > label {

        text-align: center !important;

        display: block !important;

        width: 175px;

    }

    Adjust the width value to your desired width. 

  • guiroylescaillet
    Replied on December 3, 2017 at 7:57 AM

    Thanks a lot !