Wordpress tailwind tdra

[BuckyGit]

Hi,

I need help in using tdra tailwind for our wordpress website, it has custom astra. The issue is after installing tailwind tdra some of the samples on the documentation is not working on the website and I have to put the elements and classes in tailwind.config.json to get it to work. This is working but this means I would have to go through every sample in the documentation and test it then add the elements and classess to tailwind.config.json in safelist.

[moiz-conceptlz]

Hello @BuckyGit

I'm not sure I understand what "custom astra" is, but I'm guessing this is an off-the-shelf theme. Using off-the-shelf themes for websites with an existing design system is a very bad idea. I would recommend against this. Such themes are specefically designed to work based on design systems built by the theme itself.

Should you be coding your template, you do not need to add any classes to safe list.

What you need to do is define the location of your PHP files in the config file. This will make tailwindcss read all your php files, pick our all the classes you have added and generate the output css to accurately include what you have added to your wordpress template files.

Visit https://v3.tailwindcss.com/docs/installation to see how you can add content in the tailwindcss config file.

Also, do keep in mind that the UAE Design System is now upgraded to support TailwindCSS 4.x which does not have a JS based config file anymore.

[BuckyGit]

I think in php I have already done so but should I disable the theme and go for the default(mostlikely will do the designing on staging since this one is a live website and messing with the theme might cause issues). also ill update the tailwindcss.