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

Did you find this page helpful?