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 Koch9mo ago
Use CSS
heat23.
heat23.OP9mo 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 Koch9mo ago
Why do you want to publish the views? Add some CSS to overwrite the tailwind classes that you want to change.
heat23.
heat23.OP9mo ago
I'm using Tailwind in my entire App. I don't want to change the meaning of 'text-sm' globally.
awcodes
awcodes9mo 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.OP9mo ago
Thank you @awcodes I will give that a try

Did you find this page helpful?