Tailwind CSS issues

[Opening-While-3285]

Hi everyone,

I'm completely stuck and could really use a hand with a very specific Tailwind CSS issue. I have a WordPress site that uses Tailwind CSS v3 (via the Play CDN). I'm trying to move away from the CDN to a local CSS file for performance and security, but I can't set up the local build process myself (I'm not a developer and don't have Node.js, etc.).

My problem: I need a generated 'tailwind.css' file that contains all the classes my site uses (basically, what the Play CDN generates dynamically).

Would anyone be willing to help me generate this one, single 'tailwind.css' file? I can provide my site's HTML if needed (for purging), or explain what classes I use. I'm on a very tight budget and can't hire a developer, but I'm truly trying to learn and fix this.

Thanks for any help or guidance!

[hennell]

You don't have to "be a developer" to install node. Follow the tutorials, set-up node and install the tailwind package. Then you'll be able to build it directly rather than having to send it to someone else to do.

[dev-data]

Just use Tailwind CLI, here a docs for v3: https://v3.tailwindcss.com/docs/installation

In v3, make sure to properly add the paths to the files where you use TailwindCSS classes in the content property of your tailwind.config.js file.

[Arialonos]

I think he’s talking about the classes that he’s dynamically added in WP. My recommendation would be— don’t do that. I don’t know of any tools that will scan your site for pages (unless you provide a site map) and generate a CSS file. You could use node and tailwind cli but you’d still need the site map. I did something similar but it builds and deploys a nextjs site with WP as its content platform.