CSS for the languages/translations selection box | XM Community
Solved

CSS for the languages/translations selection box

  • 30 May 2019
  • 3 replies
  • 121 views
J
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
icon

Best answer by jainshubham 30 May 2019, 17:16

View original

3 replies

jainshubham
Rank
Userlevel 3
Badge +3
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
A
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
J
You're both amazing! Thank you so much.

Leave a Reply


Terms & Conditions