increase the distance of the stars in the star ratings

  • Profile Image
    Asked on March 02, 2018 at 04:08 AM


    the stars in the star ratings are very closed together, how can I increase the distance? or make the stars bigger? It is not so easy to select the correct one using finger on the mobile phone.


  • Profile Image
    Answered on March 02, 2018 at 08:07 AM

    Could you please inject the following CSS codes in order to scale the stars?

    How to Inject Custom CSS Codes

    You can check the result from the cloned form:

    .form-star-rating {

        transform : scale(1.75,1.75);


    #input_22  {

        margin-left : 70px !important;


    #input_24  {

        margin-left : 30px !important;


    ---->You can customise the scale function values : scale(horizontal_scale_value,vertical_scale_value) .

    The result should look like this:

    1519995803Screen Shot 2018-03-02 at 4.02