How can I center the texts in Scale Rating field?

  • Profile Image
    guiroylescaillet
    Asked on December 02, 2017 at 08: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.

  • Profile Image
    Marvih
    Answered on December 02, 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.

    151223123579.png


    Let us know if you need further help.

  • Profile Image
    guiroylescaillet
    Answered on December 02, 2017 at 05: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.


  • Profile Image
    Welvin
    Answered on December 02, 2017 at 06: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. 

  • Profile Image
    guiroylescaillet
    Answered on December 03, 2017 at 07:57 AM

    Thanks a lot !