# \#tailwind

**URL:** https://forum.pinegrow.com/tag/tailwind/37.md

[Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md)

---

## [Why does refreshing used classes remove needed Tailwind CSS classes from stylesheet?](https://forum.pinegrow.com/t/why-does-refreshing-used-classes-remove-needed-tailwind-css-classes-from-stylesheet/11484)

<div class="topic-metadata">

**Author:** [@reflex](https://forum.pinegrow.com/u/reflex)\
**Replies:** 0\
**Last updated:** [March 21, 2026, 9:52pm UTC](https://forum.pinegrow.com/t/why-does-refreshing-used-classes-remove-needed-tailwind-css-classes-from-stylesheet/11484 "2026-03-21T21:52:48Z")

</div>

Working away with a new project, I made good progress (thanks mostly to using Mr Pinecone with Claude). At a point of satisfaction, and still discovering PG features, I decided to modernise a bit and switch to TW4 as wel…

---

## [WordPress Drop Down Menu With Tailwind](https://forum.pinegrow.com/t/wordpress-drop-down-menu-with-tailwind/10601)

<div class="topic-metadata">

**Author:** [@Phil1](https://forum.pinegrow.com/u/Phil1)\
**Replies:** 8\
**Last updated:** [April 15, 2025, 11:53am UTC](https://forum.pinegrow.com/t/wordpress-drop-down-menu-with-tailwind/10601 "2025-04-15T11:53:33Z")

</div>

Hi all, I’m having trouble getting WordPress dropdown menus to work using Pinegrow and Tailwind. My set up looks like this: But my front end looks like this: I’m sure I’m missing something, but can’t work it…

---

## [Color Palette using custom Tailwind](https://forum.pinegrow.com/t/color-palette-using-custom-tailwind/4697)

<div class="topic-metadata">

**Author:** [@radnetro](https://forum.pinegrow.com/u/radnetro)\
**Replies:** 1\
**Last updated:** [March 8, 2025, 4:28am UTC](https://forum.pinegrow.com/t/color-palette-using-custom-tailwind/4697 "2025-03-08T04:28:04Z")

</div>

after following this https://pinegrow.com/tutorials/customizing-a-tailwind-css-theme/ color palette looks empty. Is there anyway to fix this issue?

---

## [Tailwind css grid: why is text moving up the page into other grid rows as the size of the screen increases?](https://forum.pinegrow.com/t/tailwind-css-grid-why-is-text-moving-up-the-page-into-other-grid-rows-as-the-size-of-the-screen-increases/10076)

<div class="topic-metadata">

**Author:** [@TLCBoudoir](https://forum.pinegrow.com/u/TLCBoudoir)\
**Replies:** 2\
**Last updated:** [February 17, 2025, 4:58pm UTC](https://forum.pinegrow.com/t/tailwind-css-grid-why-is-text-moving-up-the-page-into-other-grid-rows-as-the-size-of-the-screen-increases/10076 "2025-02-17T16:58:19Z")

</div>

Slowly figuring out how to use css grid within tailwind. Unfortunately, it seems that items are not staying in their rows. As the screen grows bigger between breakpoints, an item (text, for example) will climb up into th…

---

## [TailwindCSS v4 Support ? \> Answered](https://forum.pinegrow.com/t/tailwindcss-v4-support-answered/10351)

<div class="topic-metadata">

**Author:** [@typescriptkang](https://forum.pinegrow.com/u/typescriptkang)\
**Replies:** 1\
**Last updated:** [February 13, 2025, 5:10pm UTC](https://forum.pinegrow.com/t/tailwindcss-v4-support-answered/10351 "2025-02-13T17:10:18Z")

</div>

I don’t understand how such an expensive paid product doesn’t support Tailwind v4. Tailwind CSS v4.0 was first introduced in an alpha release on June 3, 2024. The first public beta release of Tailwind CSS v4.0 was on No…

---

## [Vue designer tailwind styling problem](https://forum.pinegrow.com/t/vue-designer-tailwind-styling-problem/8961)

<div class="topic-metadata">

**Author:** [@hasan](https://forum.pinegrow.com/u/hasan)\
**Replies:** 20\
**Last updated:** [June 27, 2024, 1:03am UTC](https://forum.pinegrow.com/t/vue-designer-tailwind-styling-problem/8961 "2024-06-27T01:03:02Z")

</div>

I just setup some Vue project with tailwind module, but i got problem every time when edit some element styling example color text, the changed not refresh automatically, I need to perform ALT+S to see the changes, is d…

---

## [CSS Grid with Talwind CSS](https://forum.pinegrow.com/t/css-grid-with-talwind-css/8913)

<div class="topic-metadata">

**Author:** [@TytanCodes](https://forum.pinegrow.com/u/TytanCodes)\
**Replies:** 1\
**Last updated:** [May 16, 2024, 8:35am UTC](https://forum.pinegrow.com/t/css-grid-with-talwind-css/8913 "2024-05-16T08:35:26Z")

</div>

Hello All. I am on using css grid and i want it to be responsive. I am using tailwind css. The video that shows how to use CSS grid from pinegrow says that he should’ve used classess. Talwind does use classes i think and…

---

## [Tailwind external build and exporting files to a theme](https://forum.pinegrow.com/t/tailwind-external-build-and-exporting-files-to-a-theme/8766)

<div class="topic-metadata">

**Author:** [@piootr](https://forum.pinegrow.com/u/piootr)\
**Replies:** 10\
**Last updated:** [March 19, 2024, 2:22pm UTC](https://forum.pinegrow.com/t/tailwind-external-build-and-exporting-files-to-a-theme/8766 "2024-03-19T14:22:37Z")

</div>

Hi, Upon setting up external compiler for Tailwind, some new files are added to the project, e.g., package.json, postcss.config.js, tailwind.config.js, source.css, etc. These files and folders are marked as being expor…

---

## [Applying Tailwind classes to post content](https://forum.pinegrow.com/t/applying-tailwind-classes-to-post-content/8759)

<div class="topic-metadata">

**Author:** [@piootr](https://forum.pinegrow.com/u/piootr)\
**Replies:** 6\
**Last updated:** [March 12, 2024, 7:46pm UTC](https://forum.pinegrow.com/t/applying-tailwind-classes-to-post-content/8759 "2024-03-12T19:46:28Z")

</div>

Hello, I use Tailwind framework for my ClassicPress theme. I would like to apply formatting to the post content elements (paragraphs, lists, etc.). What’d be the right way to do it? I guess I could use “@apply” but app…

---

## [Cant found any tailwind nav navbar tutorial](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450)

<div class="topic-metadata">

**Author:** [@ivanvb](https://forum.pinegrow.com/u/ivanvb)\
**Replies:** 4\
**Last updated:** [October 19, 2023, 11:33pm UTC](https://forum.pinegrow.com/t/cant-found-any-tailwind-nav-navbar-tutorial/8450 "2023-10-19T23:33:45Z")

</div>

hello folks i am using the trial to discover pinegrow, i added a block tailwind of a header which have a burger icon and menu items, but the burger on click do nothing, i cant find any single tutorial to make a navbar us…

---

## [Tailwind page losing styles](https://forum.pinegrow.com/t/tailwind-page-losing-styles/7587)

<div class="topic-metadata">

**Author:** [@Adryan](https://forum.pinegrow.com/u/Adryan)\
**Replies:** 19\
**Last updated:** [October 5, 2023, 5:20pm UTC](https://forum.pinegrow.com/t/tailwind-page-losing-styles/7587 "2023-10-05T17:20:04Z")

</div>

I was working on some pages yesterday, they were all looking fine. Today, when I wanted to edit the page, I noticed that it lost most styles. All other pages lost the styles too. Clicking on my saved design in the Desig…

---

## [Support for semi-custom tailwind theme](https://forum.pinegrow.com/t/support-for-semi-custom-tailwind-theme/6757)

<div class="topic-metadata">

**Author:** [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\
**Replies:** 14\
**Last updated:** [September 30, 2023, 11:04am UTC](https://forum.pinegrow.com/t/support-for-semi-custom-tailwind-theme/6757 "2023-09-30T11:04:44Z")

</div>

I’d love to see support for an editable tailwind.config.js and tailwind.source.css using the built-in compiler. The built-in design panel for Tailwind doesn’t give me quite as much flexibility as I’d like, but I rarely …

---

## [Highlight the current page in the menu items on a WordPress site](https://forum.pinegrow.com/t/highlight-the-current-page-in-the-menu-items-on-a-wordpress-site/8151)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 3\
**Last updated:** [June 14, 2023, 2:00pm UTC](https://forum.pinegrow.com/t/highlight-the-current-page-in-the-menu-items-on-a-wordpress-site/8151 "2023-06-14T14:00:18Z")

</div>

Hello all, I have built a Wordpress site with a few pages. I am using Blocks for everything. From the menu to the footer. Everything are blocks. I still have not figured out, in the menu, how to highlight the current p…

---

## [Pseudo Elements in Tailwind](https://forum.pinegrow.com/t/pseudo-elements-in-tailwind/7924)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 4\
**Last updated:** [April 19, 2023, 8:44pm UTC](https://forum.pinegrow.com/t/pseudo-elements-in-tailwind/7924 "2023-04-19T20:44:19Z")

</div>

Hello there! i am trying to “convert” to Tailwind CSS a page i had build in plain css. I need to add the pseudo element ::before to my “a” nav items. In PG interface I see the pseudo classes but not pseudo elements. I…

---

## [TailWindCSS 3 CDN via JavaScript](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151)

<div class="topic-metadata">

**Author:** [@anjanesh](https://forum.pinegrow.com/u/anjanesh)\
**Replies:** 8\
**Last updated:** [February 24, 2023, 12:50am UTC](https://forum.pinegrow.com/t/tailwindcss-3-cdn-via-javascript/7151 "2023-02-24T00:50:26Z")

</div>

I’m on Pinegrow 6.7 and a new TailWindCSS project is entering version 2.0.2 : \<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.0.2/dist/tailwind.min.css"/\> But we can easily use 3.2.1 CDN via JavaScript \<s…

---

## [TailwindUI components interactions in PG?](https://forum.pinegrow.com/t/tailwindui-components-interactions-in-pg/7744)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 2\
**Last updated:** [February 16, 2023, 1:36am UTC](https://forum.pinegrow.com/t/tailwindui-components-interactions-in-pg/7744 "2023-02-16T01:36:06Z")

</div>

Anyone played with TailwindUI interactive components here? Having functional dropdown menus, accordion tabs, pricing tabs and all the rest is a time saver. Adding Pinegrow Interactions to have them work seem a little in…

---

## [Multistep contact form](https://forum.pinegrow.com/t/multistep-contact-form/7619)

<div class="topic-metadata">

**Author:** [@Vincent](https://forum.pinegrow.com/u/Vincent)\
**Replies:** 1\
**Last updated:** [January 18, 2023, 7:25pm UTC](https://forum.pinegrow.com/t/multistep-contact-form/7619 "2023-01-18T19:25:19Z")

</div>

Hello all, Please excuse me for my English (I’m Franch)… I use Pinegrow ans it’s an awesome tool. I would like to create a multistep contact form block. I’ve ever realise one with contact form 7, multistep contact fo…

---

## [Tailwind local font with wrong path](https://forum.pinegrow.com/t/tailwind-local-font-with-wrong-path/7634)

<div class="topic-metadata">

**Author:** [@deirdre\_nic](https://forum.pinegrow.com/u/deirdre_nic)\
**Replies:** 7\
**Last updated:** [January 17, 2023, 5:45pm UTC](https://forum.pinegrow.com/t/tailwind-local-font-with-wrong-path/7634 "2023-01-17T17:45:21Z")

</div>

Hello, I have had a time consuming issue with fonts. I have a Tailwind CSS project with both the .font-sans & .font-serif Tailwind font classes set in the design panel. I have two local fonts loaded. I had an issue with…

---

## [How to Convert Tailwind CSS project to Plain CSS Project?](https://forum.pinegrow.com/t/how-to-convert-tailwind-css-project-to-plain-css-project/7428)

<div class="topic-metadata">

**Author:** [@marcelreschke](https://forum.pinegrow.com/u/marcelreschke)\
**Replies:** 6\
**Last updated:** [December 17, 2022, 7:08pm UTC](https://forum.pinegrow.com/t/how-to-convert-tailwind-css-project-to-plain-css-project/7428 "2022-12-17T19:08:40Z")

</div>

I started a project with Tailwind CSS, but I noticed that it is an outdated version. I removed it and add the JIT compiler script, but I can’t use my configured classes and arbitrary value classes in the Element propert…

---

## [Using tailwind\_for\_wp\_editor.css breaks Text Formatting in WordPress Editor](https://forum.pinegrow.com/t/using-tailwind-for-wp-editor-css-breaks-text-formatting-in-wordpress-editor/7360)

<div class="topic-metadata">

**Author:** [@mickythompson](https://forum.pinegrow.com/u/mickythompson)\
**Replies:** 3\
**Last updated:** [December 11, 2022, 7:16pm UTC](https://forum.pinegrow.com/t/using-tailwind-for-wp-editor-css-breaks-text-formatting-in-wordpress-editor/7360 "2022-12-11T19:16:01Z")

</div>

When creating WordPress Blocks with Tailwind, we’re using tailwind\_theme/tailwind\_for\_wp\_editor.css to have those block designs reflected in the WordPress Editor (set using ‘Editor stylesheet 1’). However, tailwind\_them…

---

## [How to Use Non-Standard Class in Pug?](https://forum.pinegrow.com/t/how-to-use-non-standard-class-in-pug/7366)

<div class="topic-metadata">

**Author:** [@jonroc](https://forum.pinegrow.com/u/jonroc)\
**Replies:** 0\
**Last updated:** [December 10, 2022, 6:28pm UTC](https://forum.pinegrow.com/t/how-to-use-non-standard-class-in-pug/7366 "2022-12-10T18:28:37Z")

</div>

I’m trying to use the custom classes for tailwind (like \[height:200px\]) but PUG keeps giving me an error that “a class must start with -\_ or letter” and it won’t let me save the new class name. Does anyone know a workar…

---

## [TailwindCSS v3 support for classes within WP Block Attributes](https://forum.pinegrow.com/t/tailwindcss-v3-support-for-classes-within-wp-block-attributes/7192)

<div class="topic-metadata">

**Author:** [@ThatWebsiteIsMe](https://forum.pinegrow.com/u/ThatWebsiteIsMe)\
**Replies:** 0\
**Last updated:** [November 9, 2022, 10:17pm UTC](https://forum.pinegrow.com/t/tailwindcss-v3-support-for-classes-within-wp-block-attributes/7192 "2022-11-09T22:17:18Z")

</div>

Currently (to my knowledge), Pinegrow does not look through WP Blocks for TailwindCSS classes to add to the tailwind.css theme file or the tailwind\_for\_wp\_editor.css theme file. Requesting these feature to be added so t…

---

## [List of TailWindCSS 3 templates](https://forum.pinegrow.com/t/list-of-tailwindcss-3-templates/7191)

<div class="topic-metadata">

**Author:** [@anjanesh](https://forum.pinegrow.com/u/anjanesh)\
**Replies:** 0\
**Last updated:** [November 9, 2022, 5:02pm UTC](https://forum.pinegrow.com/t/list-of-tailwindcss-3-templates/7191 "2022-11-09T17:02:04Z")

</div>

Is there a list of TailWindCSS 3 ready-made templates that Pinegrow offers in the GUI software for me to show someone else for him to explore and decide which one he would like to go for ?

---

## [Disable automatic media query for Tailwind CSS](https://forum.pinegrow.com/t/disable-automatic-media-query-for-tailwind-css/6895)

<div class="topic-metadata">

**Author:** [@INTERNET\_PEASANT](https://forum.pinegrow.com/u/INTERNET_PEASANT)\
**Replies:** 12\
**Last updated:** [September 11, 2022, 2:20pm UTC](https://forum.pinegrow.com/t/disable-automatic-media-query-for-tailwind-css/6895 "2022-09-11T14:20:35Z")

</div>

Hello, I’m working with a tailwind CSS project. Inside the editor I want to view the drag & drop canvas at a larger size. However, when I try and drag the canvas to make it larger. Pinegrow is setting the media query br…

---

## [Will the Pinegrow Web Editor work well for WordPress installed on a PC independent of Bootstrap & Tailwind?](https://forum.pinegrow.com/t/will-the-pinegrow-web-editor-work-well-for-wordpress-installed-on-a-pc-independent-of-bootstrap-tailwind/6864)

<div class="topic-metadata">

**Author:** [@ClintN](https://forum.pinegrow.com/u/ClintN)\
**Replies:** 1\
**Last updated:** [August 29, 2022, 1:26pm UTC](https://forum.pinegrow.com/t/will-the-pinegrow-web-editor-work-well-for-wordpress-installed-on-a-pc-independent-of-bootstrap-tailwind/6864 "2022-08-29T13:26:46Z")

</div>

Will the Pinegrow Web Editor work well for WordPress installed on a PC independent of Bootstrap & Tailwind? As in it will be installed on a PC without a local DEV environment for WordPress (inc Bootstrap & Tailwind) and…

---

## [Gutenberg Blocks standards in Pinegrow](https://forum.pinegrow.com/t/gutenberg-blocks-standards-in-pinegrow/6800)

<div class="topic-metadata">

**Author:** [@iHuman](https://forum.pinegrow.com/u/iHuman)\
**Replies:** 0\
**Last updated:** [August 14, 2022, 2:28am UTC](https://forum.pinegrow.com/t/gutenberg-blocks-standards-in-pinegrow/6800 "2022-08-14T02:28:29Z")

</div>

I’'ve learned a lot about Pinegrow from the Flex tutorial. Well done! But this lead to a question about Gutenberg blocks. I’ve looked at the code in \_pgexport (theme file) for Blocks. Is there anyway to configure Pinegro…

---

## [Tailwind Framework Panel - Indicate Breakpoints with active classes](https://forum.pinegrow.com/t/tailwind-framework-panel-indicate-breakpoints-with-active-classes/6765)

<div class="topic-metadata">

**Author:** [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\
**Replies:** 0\
**Last updated:** [August 5, 2022, 4:31pm UTC](https://forum.pinegrow.com/t/tailwind-framework-panel-indicate-breakpoints-with-active-classes/6765 "2022-08-05T16:31:24Z")

</div>

When I have a lot of classes assigned to an element, it’s often hard to tell which breakpoints have classes. It would be great if the visual control panel highlighted the breakpoints and pseudo-classes to indicate which …

---

## [Tailwinds dropdown menu wordpress](https://forum.pinegrow.com/t/tailwinds-dropdown-menu-wordpress/5251)

<div class="topic-metadata">

**Author:** [@Mickael](https://forum.pinegrow.com/u/Mickael)\
**Replies:** 4\
**Last updated:** [August 4, 2022, 11:41am UTC](https://forum.pinegrow.com/t/tailwinds-dropdown-menu-wordpress/5251 "2022-08-04T11:41:25Z")

</div>

Hi. Pinegrow’s documentaion on Wordpress navigation menus does not mention Tailwinds. Do you know if it is possible to make a Wordpress dropdown menu as easily as with Bootstrap? Thanks.

---

## [Tailwind 3.x project - No classes](https://forum.pinegrow.com/t/tailwind-3-x-project-no-classes/6570)

<div class="topic-metadata">

**Author:** [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\
**Replies:** 6\
**Last updated:** [June 6, 2022, 12:46am UTC](https://forum.pinegrow.com/t/tailwind-3-x-project-no-classes/6570 "2022-06-06T00:46:10Z")

</div>

Hello all, I wanted to try a new project from scratch using Tailwind 3.x. I Created the new project file as Tailwind CSS 3.x. index. The problem is I don’t see any class to assign to elements. But if I start a proje…

---

## [Missing Tailwind 3.0 Colors](https://forum.pinegrow.com/t/missing-tailwind-3-0-colors/6389)

<div class="topic-metadata">

**Author:** [@PwrSrg](https://forum.pinegrow.com/u/PwrSrg)\
**Replies:** 9\
**Last updated:** [March 17, 2022, 12:23pm UTC](https://forum.pinegrow.com/t/missing-tailwind-3-0-colors/6389 "2022-03-17T12:23:38Z")

</div>

Hello, When I start a new Tailwind 3.0 project, it only starts with 8 basic colors. Where are the other 14 default Tailwind colors?? Thanks.

[Next page](https://forum.pinegrow.com/tag/tailwind/37.md?match_all_tags=true&page=1&tags%5B%5D=tailwind)
