Can the Font Size be changed in buttons

[mdsmith1]

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

[Swift]

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

[mdsmith1]

Thanks.

I can't figure out how to get to "Settings".

Could you help me with that?

Mike

[ScottR]

@mdsmith1
Left side then Custom CSS:

[mdsmith1]

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

[Swift]

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.

[Swift]

._lRGxo{
font-size: 16px;
}

This worked for me, it does change all buttons.

[mdsmith1]

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

[mdsmith1]

Is there similar CSS code for text input components?

If there was a way to do this, it would really improve my screens.

Mike

[Swift]

Can you please show me an example?

[mdsmith1]

Here is a screen

capture.
Mike

[Tess]

Hi there! We recently shipped font size controls New: Component font size control