CSS to Remove the "*" for the required question

CSS to Remove the "*" for the required question :

.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_cl_survey_qstn h1.required p:last-child::before, .surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_cl_survey_qstn h1.required span:last-child::before
{
visibility:hidden;
}

This CSS removes the asterisk but hasn't moved the remaining text to the left like the example shows it should.

This is the CSS I've added:

.surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_cl_survey_qstn h1.required p:last-child::before, .surveysparrow-survey-container--classic-form .ss_cl_survey_qstn_item .ss_cl_survey_qstn h1.required span:last-child::before
{
visibility:hidden;
}

This is what is shown in the preview:

How do I fix this?

Thanks!

Hi Brent,

I appreciate your reaching out.

In this case, can we please remove the CSS and try disabling the "Indicate Mandatory Questions" from "Build--Design--Indicate Mandatory Questions"

Screenshot 2023-11-06 at 12.04.44 PM

Cheers,
M. Venkata Abhijith

Thanks Venkata. That fixed it.