Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Sibuscus's avatar

Tailwind framework is not applied automatically

I am hosting a Laravel application on Plesk Obsidian. I installed Laravel & then Jetstream Livewire via the console, and I have changed nothing. The exact steps were: 1. Created a new subdomain, emptied the folder, installed laravel, create a DB and filled the .env file and then I installed Jetstream Livewire. I have a clean everything, I have changed nothing. Again, the application is hosted on a sub-domain on Plesk. When I use text-xl the text gets changed to large. When I use text-NUMxl(text-2xl, text-4xl, etc) there is no change in the text, its regular size. Im talking about the welcome.blade.php. So, text-2xl, text-3xl, etc are not working(They are in the Tailwind documentation). How can I check if Tailwind is set properly? I did the npm install without errors or warnings, in package.json in the "devDependencies": array I have: "tailwindcss": "^3.1.0", I used npm run build to compile, still nothing. There is a <style> tag inside my welcome.blade.php, but shouldn't Tailwind be used everywhere by default? Where is this configuration, how do I make it so that Tailwind is always used? If I remove that <style> tag then no Tailwind is applied...I want to use the tailwind framework, not some inline <style> code shenanigans...

0 likes
4 replies
tykus's avatar

How/when are you changing the text size classes? Does Tailwind recompile everytime you are making a change?

Sibuscus's avatar

@tykus I am changing them from WinSCP by opening the file and then changing it inline and then saving, and then doing npm run build. I can see other changes when Im making them. The problem is it uses the <style> tag inside the welcome.blade.php, because If I remove it, there is no CSS at all. I am not sure how to see if Tailwind recompiles everytime Im making a change. But, I cant even use text colors, only text-white and text-black are recognized, the text-red-*** or blue are not working. Also If I add this underline underline-offset-8 then there is an underline, but no offset. This is included on top of the welcome.blade.php: https://pastebin.com/Wfqa93PF

Sibuscus's avatar

@tykus well thats not in the Jetstream Livewire documentation, it says Tailwind is configured automatically, how was I supposed to figure that out?

Please or to participate in this conversation.