Add more space between question title and translation choice | XM Community
Skip to main content
Solved

Add more space between question title and translation choice


Forum|alt.badge.img+3
  • Level 3 ●●●
  • 67 replies

Hello everyone, 

 

Wish you a happy new year!

 

I would like to know if there is any way I can space more the space between choice of language and question title please ? 

 

 

Best answer by Jagdish

@Tata C Above method will work only if you are doing it on single page. If you want to apply it across survey, simply add below CSS to your theme.

 

.Skin .LanguageSelectorContainer {

margin-bottom: 5px;

}

You can change 5px to something else based on your look-n-feel of the survey.

 

Thanks,

Jagdish

 

View original

8 replies

Forum|alt.badge.img+3
  • Author
  • Level 3 ●●●
  • 67 replies
  • January 4, 2024

Here is the image : 

 


Umang Upadhyay
QPN Level 4 ●●●●
Forum|alt.badge.img+19
  • QPN Level 4 ●●●●
  • 117 replies
  • January 4, 2024

Hi @Tata C 

A quick resolutions to this can be adding a break <br/> just the above line from the start of question text in the HTML view 

 


Forum|alt.badge.img+15
  • QPN Level 4 ●●●●
  • 60 replies
  • Answer
  • January 5, 2024

@Tata C Above method will work only if you are doing it on single page. If you want to apply it across survey, simply add below CSS to your theme.

 

.Skin .LanguageSelectorContainer {

margin-bottom: 5px;

}

You can change 5px to something else based on your look-n-feel of the survey.

 

Thanks,

Jagdish

 


Forum|alt.badge.img+3
  • Author
  • Level 3 ●●●
  • 67 replies
  • January 5, 2024

Hello @Umang Upadhyay thanks for your answer, yes I would like to apply this across the whole survey :)

 

@Jagdish thanks also for your answer I’ve tried to add the code but it doesn’t seem to work do you how can I do ? By the way I already have a code in CSS but I don’t think it’s problem here.  

 


vgayraud
QPN Level 5 ●●●●●
Forum|alt.badge.img+48
  • QPN Level 5 ●●●●●
  • 364 replies
  • January 5, 2024

If you’re using the simple layout, you’ll want to add this (replace 500px with your value):

.Skin .LanguageSelectorContainer, #language-selector-container { margin-bottom: 500px; }

 


Forum|alt.badge.img+3
  • Author
  • Level 3 ●●●
  • 67 replies
  • January 5, 2024

Hello @vgayraud 

Thanks for your answer I’m using flat layout is that maybe the reason why the code doesn’t work ? 


vgayraud
QPN Level 5 ●●●●●
Forum|alt.badge.img+48
  • QPN Level 5 ●●●●●
  • 364 replies
  • January 5, 2024

Hi @Tata C ,

If you’re using the flat layout, the solution provided by @Jagdish should work. Do you have any other CSS or javascript in the questions themselves?


Forum|alt.badge.img+3
  • Author
  • Level 3 ●●●
  • 67 replies
  • January 5, 2024

Yes, thank you guys @vgayraud @Jagdish it work really well thanks ! 

 


Leave a Reply