TailwindCSS

Robert Wilson
Home / General / TailwindCSS

Custom Fields
Re-Envisioned › Support › General › TailwindCSS

  • Creator
    Topic
  • April 23, 2020 at 12:31 AM #19226
    Resolved Robert Wilson
    Participant

    I've noticed in a few of the demonstration videos, that TailwindCSS is being used to style some of the elements. Is TailwindCSS included in MetaBox the same way that Twig has been included? Or would I have to add TailwindCSS to my theme to be able to use it inside the MetaBox Views plugin, for example?

  • Creator
    Topic
Viewing 4 replies - 1 through 4 (of 4 total)
  • Author
    Replies
  • April 23, 2020 at 8:09 AM #19231
    Anh Tran
    Keymaster

    Hi Robert,

    TailwindCSS is not included in MB Views. We use it in the video for building the HTML quickly (otherwise, we have to write a lot of CSS). You can use any theme, any CSS framework with MB Views. Think like MB Views provides you the HTML only.

    April 16, 2021 at 1:54 AM #27289
    kevin@simpleseo.biz
    Participant

    Hi Anh,

    Do you have tutorial or process you used to use tailwindcss with metabox views?

    Thanks!

    May 24, 2021 at 11:07 PM #28394
    Joseph Shrock
    Participant

    What would be the easiest way then to get TailwindCSS working in MetaBox views - can we just drop in some code or pull in a cdn-url in the "CSS tab" of views perhaps? An example provided would be very helpful, please?

    May 25, 2021 at 5:22 PM #28412
    Long Nguyen
    Moderator

    Hi guys,

    To use the Tailwind CSS in View, you just need to add a <link> tag with the CDN link to the Template Editor. For example:

    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

    Screenshot https://share.getcloudapp.com/2NuqYe5L

    Get more details on their docs https://tailwindcss.com/docs/installation#using-tailwind-via-cdn

  • Author
    Replies
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.