Changing the font size of textbox entry | XM Community
Skip to main content
Solved

Changing the font size of textbox entry

  • June 26, 2018
  • 5 replies
  • 112 views

Forum|alt.badge.img
Is there a way to change the font-size of the textbox entry. I have 3 radio buttons, of which, the first button has a text entry enabled. I have increased the font size of the entire question and the option choices. However, I am not able to find a way to change the font size of text box entry. Is there a CSS approach that can be used for the same?

Best answer by srane

Well, I am now able to change the font-size of text-box by adding a custom CSS file in the Look and Feel section. Here is the code for the same: input[type=text] { font-size:30px; } Hope this post might help someone facing the same problem. Thanks.

5 replies

w.patrick.gale
Level 3 ●●●
Forum|alt.badge.img+13
@srane You need to override the default CSS of your survey. You will probably need to use the !important declaration to override an existing CSS class for a form element.

Forum|alt.badge.img
  • Author
  • Level 1 ●
  • June 26, 2018
Could you please elaborate how can this be achieved? A detailed description would be of great help.

w.patrick.gale
Level 3 ●●●
Forum|alt.badge.img+13
@srane What are the CSS classes or inline styles associated with the text field you are trying to change? If you don't know then you need to start by learning how to use the Web Developer/Inspector tool in Firefox (or something similar) unless you are looking at the raw HTML source for your survey.

Forum|alt.badge.img
  • Author
  • Level 1 ●
  • Answer
  • June 26, 2018
Well, I am now able to change the font-size of text-box by adding a custom CSS file in the Look and Feel section. Here is the code for the same: input[type=text] { font-size:30px; } Hope this post might help someone facing the same problem. Thanks.

  • August 19, 2018
I'm trying to change the font size in my text entry. I've read your answers, but I's not successful. I've entered the code input[type=text] { font-size:30px; } Look & Feel/Advanced/Add Custom CSS, but what do I do next? Could you please write all the steps how to do it? Thank you