Customising Font faces

Dear @sedrine,

Thanks for the topic.

In the Survey Maker plugin > Surveys > your survey > Styles tab, you’ll find many options you can use to customize the appearance of your survey. In addition to those, there’s also a ‘Custom CSS’ field where you can write your own CSS.

Regarding classes, we’re not exactly sure what you’re trying to target, but you can inspect the elements in your browser to find the correct selectors. We recommend using !important in your CSS rules to set priorities.

Here is the selector of the survey container:

div[id*="ays-survey-container-YOUR_SURVEY_ID"] 

In the below code we change the font size of the question description of the survey with the ID 6.

The code:

div[id*="ays-survey-container-6"] .ays-survey-sections  .ays-survey-question-description p{
font-size: 25px !important;
}

Also, note that in the Survey Maker plugin > Surveys > your survey > Styles tab, the custom class can be added to the survey container.

See the screenshot below:

View post on imgur.com

Let us know if you need help with anything more specific.

Thank you.