Solved
CSS for the languages/translations selection box
Hi there,
Apologies if these two questions have already been answered elsewhere. I have attempted to follow some of the discussions but got lost as I do not have advanced CSS or JS skills.
My first question is: How do I add space between the languages box and question text?
My second question is: I would like 'please select your preferred language' to appear in the text box before someone makes a language choice selection - is this possible?
Many thanks in advance,
Janet
Best answer by jainshubham
Hi @jdodik
Answering your first question, To add space between languages box and question text you can add padding to the LanguageSelectorContainer class
Add below code to the Custom CSS section
.LanguageSelectorContainer {
padding-bottom: 70px;
}
For your second question, you can refer the thread below:
https://www.qualtrics.com/community/discussion/1338/is-there-a-way-to-add-a-label-above-the-language-selection-drop-down
View original
+3Hi @jdodik
Answering your first question, To add space between languages box and question text you can add padding to the LanguageSelectorContainer class
Add below code to the Custom CSS section
.LanguageSelectorContainer {
padding-bottom: 70px;
}
For your second question, you can refer the thread below:
https://www.qualtrics.com/community/discussion/1338/is-there-a-way-to-add-a-label-above-the-language-selection-drop-down
Hello @jdotik,
Paste the below code in the header for second question
<script>
jQuery("<span class="LanguageText">Please select your preferred language </span>").insertBefore(".Q_lang")
</script>
You can use "LanguageText" class to give look and feel to this text
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.