# Styling (CSS) **URL:** https://forum.pinegrow.com/c/styling/7.md [Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md) --- ## [JIT Tailwind 4 - Optimizing](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584)
**Author:** [@MovingUtah](https://forum.pinegrow.com/u/MovingUtah)\ **Replies:** 3\ **Last updated:** [May 11, 2026, 9:13pm UTC](https://forum.pinegrow.com/t/jit-tailwind-4-optimizing/11584 "2026-05-11T21:13:17Z")
I am building a static site that is going to be large 50+ pages. Using plain Taillwind 4 and designing with AI tools inside Pinegrow and external. If I go into the design panel and delete a color such as “Red,” when I s… --- ## [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)
**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")
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… --- ## [Some new CSS goodies coming](https://forum.pinegrow.com/t/some-new-css-goodies-coming/11451)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [February 24, 2026, 10:28am UTC](https://forum.pinegrow.com/t/some-new-css-goodies-coming/11451 "2026-02-24T10:28:32Z")
here ya go, 6 or 7 good things to elleviate some JS use coming in 2026. Currently Chrome driven but others are getting on the bandwagon. .https://m.youtube.com/watch?v=Vcv01Czsq2Y&pp=ygUVNyAgY3NzIHRoaW5ncyBpbiAyMDI20gc… --- ## [Just in case, CSS has been hacked... wow. Better update chrome](https://forum.pinegrow.com/t/just-in-case-css-has-been-hacked-wow-better-update-chrome/11426)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [February 19, 2026, 7:48pm UTC](https://forum.pinegrow.com/t/just-in-case-css-has-been-hacked-wow-better-update-chrome/11426 "2026-02-19T19:48:26Z")
And maybe Chromium Engined things, Not sure. here you go. --- ## [Author information in style.css rewrites on export](https://forum.pinegrow.com/t/author-information-in-style-css-rewrites-on-export/10392)
**Author:** [@JonRimmer](https://forum.pinegrow.com/u/JonRimmer)\ **Replies:** 0\ **Last updated:** [February 21, 2025, 8:22am UTC](https://forum.pinegrow.com/t/author-information-in-style-css-rewrites-on-export/10392 "2025-02-21T08:22:21Z")
Every time I save and export a theme the author information in style.css gets corrupted. The author info get moved out of the /\* \*/ see example /\* \*/ Theme Name: testwordpresssite;Name Version: 1.0.37; Also I get… --- ## [Color Palette using custom Tailwind](https://forum.pinegrow.com/t/color-palette-using-custom-tailwind/4697)
**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")
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)
**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")
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… --- ## [Components Styles : Copy from project to project](https://forum.pinegrow.com/t/components-styles-copy-from-project-to-project/10005)
**Author:** [@Arkadiusz](https://forum.pinegrow.com/u/Arkadiusz)\ **Replies:** 2\ **Last updated:** [November 15, 2024, 6:47am UTC](https://forum.pinegrow.com/t/components-styles-copy-from-project-to-project/10005 "2024-11-15T06:47:47Z")
Hello , Does anyone know if it is possible to transfer the components ( CSS rules ) from one Pinegrow project to another? I tried to copy pginfo folder to another project but it doesn’t work for me… Many Thanks, --- ## [How to centre layered fonts?](https://forum.pinegrow.com/t/how-to-centre-layered-fonts/9934)
**Author:** [@ragandbone](https://forum.pinegrow.com/u/ragandbone)\ **Replies:** 2\ **Last updated:** [October 22, 2024, 10:19am UTC](https://forum.pinegrow.com/t/how-to-centre-layered-fonts/9934 "2024-10-22T10:19:49Z")
I’m trying to use a layered font using CSS “:after” on a class to load the shadow version of the font. The css for the font uses weight to call the different font layers. Everything works as expected until I try to cent… --- ## [Tailwind CSS v3 setup](https://forum.pinegrow.com/t/tailwind-css-v3-setup/7452)
**Author:** [@deirdre\_nic](https://forum.pinegrow.com/u/deirdre_nic)\ **Replies:** 13\ **Last updated:** [October 3, 2024, 8:50am UTC](https://forum.pinegrow.com/t/tailwind-css-v3-setup/7452 "2024-10-03T08:50:47Z")
Forgive my ignorance, but I have a question about the dev setup for Tailwind CSS (v3). I have a project with Tailwind CSS but I was looking for the tailwind.config.js file to add some custom code but I realised its not p… --- ## [Specific CSS on only \ sm](https://forum.pinegrow.com/t/specific-css-on-only-sm-bootstrap-5-100-on-small-screens-custom-width-on-sm/9004)
**Author:** [@mazzel](https://forum.pinegrow.com/u/mazzel)\ **Replies:** 1\ **Last updated:** [July 20, 2024, 7:23am UTC](https://forum.pinegrow.com/t/specific-css-on-only-sm-bootstrap-5-100-on-small-screens-custom-width-on-sm/9004 "2024-07-20T07:23:35Z")
Hi On a mobile screen (\ **Author:** [@mazzel](https://forum.pinegrow.com/u/mazzel)\ **Replies:** 2\ **Last updated:** [July 17, 2024, 8:31am UTC](https://forum.pinegrow.com/t/masonry-style-in-pinegrow/9008 "2024-07-17T08:31:43Z") Hi, anywhere an example of a MASONRY style made in Pinegrow??? --- ## [When starting Pinegrow it overwrites the style sheets](https://forum.pinegrow.com/t/when-starting-pinegrow-it-overwrites-the-style-sheets/8957)
**Author:** [@miltonardila](https://forum.pinegrow.com/u/miltonardila)\ **Replies:** 0\ **Last updated:** [June 18, 2024, 2:51pm UTC](https://forum.pinegrow.com/t/when-starting-pinegrow-it-overwrites-the-style-sheets/8957 "2024-06-18T14:51:52Z")
Hi, I would like to briefly explain my structure and then ask about the behaviour. I have a bootstrap 4 template, which I am editing. I have a local development framework on macOS where the root document is in a folder… --- ## [How to achieve image layout that goes to edge of viewport?](https://forum.pinegrow.com/t/how-to-achieve-image-layout-that-goes-to-edge-of-viewport/8855)
**Author:** [@ChrisUT](https://forum.pinegrow.com/u/ChrisUT)\ **Replies:** 6\ **Last updated:** [April 12, 2024, 9:56am UTC](https://forum.pinegrow.com/t/how-to-achieve-image-layout-that-goes-to-edge-of-viewport/8855 "2024-04-12T09:56:51Z")
Hey! I’m just starting to use PG and getting through the learning curve. I’ve used Oxygen for many years, so most of my experience is in that world and not actually knowing much about CSS. So… not sure if this is a si… --- ## [Locked CSS file](https://forum.pinegrow.com/t/locked-css-file/8849)
**Author:** [@leads4life](https://forum.pinegrow.com/u/leads4life)\ **Replies:** 1\ **Last updated:** [April 10, 2024, 1:55pm UTC](https://forum.pinegrow.com/t/locked-css-file/8849 "2024-04-10T13:55:58Z")
Hello I am using the online version of Pinegrow I am also using one of your templates what I’m trying to modify the CSS that comes with the template it says that it’s locked is there a way to unlock CSS file? --- ## [PG and WP 6.2 - capabilities of making a block based theme like 2022 and 2023](https://forum.pinegrow.com/t/pg-and-wp-6-2-capabilities-of-making-a-block-based-theme-like-2022-and-2023/7887)
**Author:** [@smgitner](https://forum.pinegrow.com/u/smgitner)\ **Replies:** 25\ **Last updated:** [March 18, 2024, 2:40pm UTC](https://forum.pinegrow.com/t/pg-and-wp-6-2-capabilities-of-making-a-block-based-theme-like-2022-and-2023/7887 "2024-03-18T14:40:29Z")
Have you ever thought of adding functionality to export a theme.json file - something that would work with the new wp 6.2 - something to make real block-based themes? 6.2 removes the customizer and adds an editor instea… --- ## [CSS property "text-wrap" unknown in Code Editor (SCSS)](https://forum.pinegrow.com/t/css-property-text-wrap-unknown-in-code-editor-scss/8690)
**Author:** [@MichelyWeb](https://forum.pinegrow.com/u/MichelyWeb)\ **Replies:** 0\ **Last updated:** [February 1, 2024, 11:01am UTC](https://forum.pinegrow.com/t/css-property-text-wrap-unknown-in-code-editor-scss/8690 "2024-02-01T11:01:06Z")
This should be known: --- ## [Chain only right-left padding?](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788)
**Author:** [@beno](https://forum.pinegrow.com/u/beno)\ **Replies:** 12\ **Last updated:** [January 24, 2024, 3:26pm UTC](https://forum.pinegrow.com/t/chain-only-right-left-padding/4788 "2024-01-24T15:26:25Z")
Is it possible to chain only the right-left padding controls (not all paddings including the top and bottom)? Some modifier key or any other way? Thanks! --- ## [\[solved\] Tailwind External Build & Prose Plugin](https://forum.pinegrow.com/t/solved-tailwind-external-build-prose-plugin/8580)
**Author:** [@kris](https://forum.pinegrow.com/u/kris)\ **Replies:** 3\ **Last updated:** [December 18, 2023, 7:19am UTC](https://forum.pinegrow.com/t/solved-tailwind-external-build-prose-plugin/8580 "2023-12-18T07:19:24Z")
I followed the tutorial for using the Tailwind External Build Compiler / Process. It works well, I’m able to use some more advanced features from Tailwind. However, I’m struggling to get the Prose plugin to work. I inst… --- ## [Bootstrap 5.3 - object fit?](https://forum.pinegrow.com/t/bootstrap-5-3-object-fit/8421)
**Author:** [@erik-k](https://forum.pinegrow.com/u/erik-k)\ **Replies:** 1\ **Last updated:** [October 8, 2023, 4:57pm UTC](https://forum.pinegrow.com/t/bootstrap-5-3-object-fit/8421 "2023-10-08T16:57:09Z")
Hi Not implemented yet ? Thanks for your answer --- ## [Class Tree — Cut and Paste classes, possible?](https://forum.pinegrow.com/t/class-tree-cut-and-paste-classes-possible/8389)
**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\ **Replies:** 1\ **Last updated:** [September 23, 2023, 8:56am UTC](https://forum.pinegrow.com/t/class-tree-cut-and-paste-classes-possible/8389 "2023-09-23T08:56:17Z")
Hi, I don’t know if it’s the right category, anyway the thing is this, in the class tree inspector, is it possible to cut classes from an element that is nested in a top element, exit the layer and paste the classes t… --- ## [Boostrap.css of theme can't be changed, reloads old version after closing pinegrow \[Answer provided\]](https://forum.pinegrow.com/t/boostrap-css-of-theme-cant-be-changed-reloads-old-version-after-closing-pinegrow-answer-provided/8235)
**Author:** [@rotation99](https://forum.pinegrow.com/u/rotation99)\ **Replies:** 2\ **Last updated:** [July 12, 2023, 1:37pm UTC](https://forum.pinegrow.com/t/boostrap-css-of-theme-cant-be-changed-reloads-old-version-after-closing-pinegrow-answer-provided/8235 "2023-07-12T13:37:54Z")
Hi! I tried to modify (change the font import etc) in the “bootstrap.css” of the “bootstrap\_themes” folder. But after changing and closing pinegrow app, it reloads the old version of the css without the changes. for m… --- ## [Embedding css file for specific page only](https://forum.pinegrow.com/t/embedding-css-file-for-specific-page-only/8059)
**Author:** [@amersaw](https://forum.pinegrow.com/u/amersaw)\ **Replies:** 2\ **Last updated:** [June 2, 2023, 2:40am UTC](https://forum.pinegrow.com/t/embedding-css-file-for-specific-page-only/8059 "2023-06-02T02:40:59Z")
Beside the index.html page I have a special pages that I need to embed a CSS file only for it and shouldn’t be embedded with other pages. I use case for that is when I have RTL styling that should be included only with … --- ## [CSS Quick Breakpoints -- It's the little things that make all the difference](https://forum.pinegrow.com/t/css-quick-breakpoints-its-the-little-things-that-make-all-the-difference/7919)
**Author:** [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\ **Replies:** 1\ **Last updated:** [April 15, 2023, 6:04pm UTC](https://forum.pinegrow.com/t/css-quick-breakpoints-its-the-little-things-that-make-all-the-difference/7919 "2023-04-15T18:04:03Z")
I’m not sure why I’m so enamored with this feature today more than on other days, but I thought I’d share my appreciation with the Pinegrow team for this super-handy time saver. In the past, creating media queries was a… --- ## [Color Picker Attribute sync with Gutenberg Color Palette](https://forum.pinegrow.com/t/color-picker-attribute-sync-with-gutenberg-color-palette/7841)
**Author:** [@Patrick\_Z](https://forum.pinegrow.com/u/Patrick_Z)\ **Replies:** 4\ **Last updated:** [March 28, 2023, 5:38pm UTC](https://forum.pinegrow.com/t/color-picker-attribute-sync-with-gutenberg-color-palette/7841 "2023-03-28T17:38:59Z")
Hey, everybody, how can I synchronise the colour palette from Gutenberg with the colourpicker (from an attribute)? It would be so good if this could somehow work out! Best and thank you Patrick --- ## [Easily position and center HTML elements with Flexbox](https://forum.pinegrow.com/t/easily-position-and-center-html-elements-with-flexbox/7751)
**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\ **Replies:** 2\ **Last updated:** [February 17, 2023, 11:28pm UTC](https://forum.pinegrow.com/t/easily-position-and-center-html-elements-with-flexbox/7751 "2023-02-17T23:28:06Z")
Here is a quick interactive example on how to use Flex to position HTML elements: Here is a quick video: It also includes AI Assistant and Flexbox jokes: --- ## [CSS Grid place-items option whereabouts](https://forum.pinegrow.com/t/css-grid-place-items-option-whereabouts/7706)
**Author:** [@ScotteeBks](https://forum.pinegrow.com/u/ScotteeBks)\ **Replies:** 2\ **Last updated:** [February 3, 2023, 6:05am UTC](https://forum.pinegrow.com/t/css-grid-place-items-option-whereabouts/7706 "2023-02-03T06:05:33Z")
Hi PG troops! Firstly, what an awesome system that Matjaz and team have created. I couldn’t do without it now. As others have found it’s indeed taken a while to get my head around most of it but the output is coming. St… --- ## [V7, Breakpoints, media queries and the new tabs](https://forum.pinegrow.com/t/v7-breakpoints-media-queries-and-the-new-tabs/7687)
**Author:** [@excede](https://forum.pinegrow.com/u/excede)\ **Replies:** 2\ **Last updated:** [January 24, 2023, 9:36am UTC](https://forum.pinegrow.com/t/v7-breakpoints-media-queries-and-the-new-tabs/7687 "2023-01-24T09:36:41Z")
So I noticed in version 7 there’s some new tabs in the top right corner that are meant to work with breakpoints and media queries or rules but I’m not exactly sure how to utilise them. Is there any documentation on the n… --- ## [Please allow external build for Bootstrap scss](https://forum.pinegrow.com/t/please-allow-external-build-for-bootstrap-scss/7341)
**Author:** [@evomedia](https://forum.pinegrow.com/u/evomedia)\ **Replies:** 1\ **Last updated:** [December 21, 2022, 7:07am UTC](https://forum.pinegrow.com/t/please-allow-external-build-for-bootstrap-scss/7341 "2022-12-21T07:07:06Z")
I rely on Pinegrow a fair bit for prototyping but work as part of a large dev team, and alot of the scss is predefined in the application, the current pinegrow scss compilining doesn’t work with the existing codebase, bu… --- ## [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)
**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")
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… [Next page](https://forum.pinegrow.com/c/styling/7.md?page=1)