F
Filament11mo ago
heat23.

How do I change the font size in Filament forms?

I installed Filament Forms to be used within Livewire. I found that the text size of all of the form elements and error messages are too small. How do I change this?
7 Replies
Dennis Koch
Dennis Koch11mo ago
Use CSS
heat23.
heat23.OP11mo ago
@Dennis Koch But how do I override the Filamant Forms default behavior? Do I need to publish all the views and modify it?
Dennis Koch
Dennis Koch11mo ago
Why do you want to publish the views? Add some CSS to overwrite the tailwind classes that you want to change.
heat23.
heat23.OP11mo ago
I'm using Tailwind in my entire App. I don't want to change the meaning of 'text-sm' globally.
awcodes
awcodes11mo ago
What exactly is too small, the labels the inputs? Just target what you need using the className hooks and make what ever text you to larger. You don’t have to target text-sm
heat23.
heat23.OP11mo ago
Thank you @awcodes I will give that a try

Did you find this page helpful?