CSS Code for standard font style and size | Experience Community
Skip to main content
Question

CSS Code for standard font style and size

  • Sep 15, 2020 10:10 AM UTC
  • 4 replies
  • 329 views

Hi,

can anyone tell me the CSS Code for the Look and Feel menu, to change the font style (e.g. Arial) and size (e.g. 12) for the entire survey for the question text and the answer options?

Thanks!!

4 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • Sep 15, 2020 10:23 AM UTC

We do not need custom CSS for this, as these options are present under look and feel


  • Author
  • Sep 15, 2020 10:26 AM UTC

No unfortunately they're not. This is everything I see under the look and feel - style menu.
image.png


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • Sep 15, 2020 10:38 AM UTC

Since you are using some static theme, you are not able to view that options, so in that case use below CSS in custom CSS
.Skin .QuestionText, .Skin .QuestionBody {
  font-size: 18px!important;
font-family:Arial!important;
}


Forum|alt.badge.img+5
  • Level 2 ●●
  • Feb 8, 2022 4:30 PM UTC

    I've used this code to change the labels on mobile as they weren't fitting on the screen, hopefully it's useful:
@media (max-width: 480px) {
ul.labels {
    word-break: break-word;
    font-size: 6px;
    }
}