Hi EveryoneHope you’re all well. 👊I did find a few existing posts on this but unfortunately they didn't seem to work so hope you can help.Referencing this image. How would I make the text entry boxes white? How would I round the edges of the text entry boxes? How would I change the colour / size of the text in the final text entry box? I am currently using this code. Qualtrics.SurveyEngine.addOnload(function(){jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please provide your email if possible"); Thanks everyone :)

Solved

Text Entry Box | Custom Colour

Userlevel 6

+5

Hi Everyone

Hope you’re all well. 👊

I did find a few existing posts on this but unfortunately they didn't seem to work so hope you can help.

Referencing this image.

How would I change the colour / size of the text in the final text entry box? I am currently using this code.

Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("#"+this.questionId+" .InputText").attr("placeholder", "Please provide your email if possible");

Thanks everyone :)

icon

Best answer by Deepak 8 June 2023, 21:57

Userlevel 7

+35

@parkie_0007

This should do the job; Include in look and feel > Style > Custom CSS

.Skin .TE .ML .InputText, .Skin .TE .SL .InputText, .Skin .TE .ESTB .InputText {
background: #fff;
color: #000;
border-radius: 25px;
}

::placeholder {
font-size: 32px;
color: #000;
}

Hope it helps!

Userlevel 6

+5

Amazing! Thanks for this.

How would I then change the size of the text that went into the text entry boxes?

Userlevel 7

+35

@parkie_0007 In the same above css

.Skin .TE .ML .InputText, .Skin .TE .SL .InputText, .Skin .TE .ESTB .InputText {
background: #fff;
color: #000;
border-radius: 25px;

font-size: 32px;
}

Add font-size as well.