Hi all,
I want to use the Classic layout for space reasons. But when I use classic layout, centred text doesn’t display in the centre of the screen, but on the left.
All help appreciated :)
Hi all,
I want to use the Classic layout for space reasons. But when I use classic layout, centred text doesn’t display in the centre of the screen, but on the left.
All help appreciated :)
Could you confirm if this query is regarding question text or header text?
<div style="text-align: center;">
Your centered text goes here.
</div>
If you’re using Captcha Question, you can use below CSS element if you have aligned it on center. Add it to your look n feel>style>custom CSS
.Skin .Captcha label.QuestionText {
width: 100%;
text-align: -webkit-center;
}
Hope it helps!
I believe some other CSS is overriding the code as I was able to achieve this with code mentioned.
Try including !important in front of CSS elements.
Yes it’s classic layout!
When previewing the survey through the Look & Feel, an !important is required for the centering to take. When previewing the survey through a Preview link, the centering worked without an !important. While it doesn’t look like the !important is needed for the live survey, I don't think it would hurt to have either. Try:
.Skin .Captcha label.QuestionText {
width: 100% !important;
text-align: -webkit-center;
}
Thanks all for your help :)
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.