CSS for overriding font size in every text in a Survey

Add this to your header. It is brute force, so may have some unexpected results:

<script>
	Qualtrics.SurveyEngine.addOnReady(function () {
		document
			.querySelector(".Skin")
			.querySelectorAll("*")
			.forEach((item) => (item.style.fontSize = "25px!"));
	});
</script>

<script>
	Qualtrics.SurveyEngine.addOnReady(function () {
		document
			.querySelector(".Skin")
			.querySelectorAll("*")
			.forEach((item) => (item.style.fontSize = "25px!"));
	});
</script>

Why should it? 

May I ask you what programming language is that, or the documentation on the programmind side of Qualtrics? Because I have no idea

Thanks alot

Edit: Anyway man, unfortunately it doesn’t work

There’s a typo, please remove the “!” point after px.

Regarding your question, its plain JavaScript. Basically, it is selecting everything * and setting its font-size property to “25px”. So there’s no reason it shouldn’t work. 

I’m not sure what the objective is, but if you just want things to look bigger, another thing you could try is the scale transform:

Replace style.fontSize = "25px" with style.transform = "scale(2)" 

The number inside the bracket indicates the scaling ratio.