How to use Tailwind CSS?

How do you add in the tailwind css?

See the Installing via CDN section of the tailwind CSS docs, and insert the link into the header of your site using DOM Header Insertions

Thanks Eric, great info, I added the CDN for Tailwind, will look for the font links now.

Also, there is a CSS snippet in the snippets that you can also paste into the CSS section of your site. This will fix a few things and improve compatability.

1 Like

Sorry, where is the snippet?

@Dave The snippets are found to the left of the Page builder when you edit any form/page.

Thanks Eric, found 2 of them them, however, the second snippet has 2 warnings , when paste them in. The line
.inline .radio-list label {display: unset !important;margin-right: 10px;}
says Use of !important expected

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: “Open Sans”, Helvetica, Arial, sans-serif; }
says the headers are already defined

Can I ingnore?

Yes, that’s fine. The !important flag is required in order to override all of the Bootstrap things