How to use Tailwind CSS?

Support
1

How do you add in the tailwind css?

3

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

4

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

5

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
6

Sorry, where is the snippet?

7

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

8

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?

9

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