Can the Font Size be changed in buttons?
I know there is no feature from within the component. I am wondering if there is a master CSS file that could accomplish this.
I would like to enlarge the font a little if possible.
Mike
Hi Mike,
In settings open your custom css ( Retool uses ._retool- to select elements). Using this method you can select your button and try something like this.
._retool-exampleButton {
font-size: 16px; !important
}
This should change the font size inside your button.
Hope this helps!
Docs on css inside retool are here: Retool custom CSS
2 Likes
Thanks.
I can't figure out how to get to "Settings".
Could you help me with that?
Mike
OK, I have that part.
I am attaching a screen shot.
I have put in the code as shown and it doesn't make any difference.
Am I supposed to refer to the name of specific button? I would like to make this refer to all buttons if possible.
Mike
Let me try to find out which selector will do it, as you are correct this does not change the size inside of the button, also I edited my suggestion as I had a typo. Should have been !important not !importance.
It works !!! Thank you so much for this.
The code is effecting the buttons on all screens.
This is a huge improvement. Thank you again.
I will mark this as the solution.
Mike
1 Like
Is there similar CSS code for text input components?
If there was a way to do this, it would really improve my screens.
Mike
Can you please show me an example?
