# Styling (CSS) **URL:** https://forum.pinegrow.com/c/styling/7.md?page=1 [Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md) **Page:** 2 --- ## [Css and comments /\* .. \*/ 7.03](https://forum.pinegrow.com/t/css-and-comments-7-03/7348)
**Author:** [@rbert](https://forum.pinegrow.com/u/rbert)\ **Replies:** 1\ **Last updated:** [December 9, 2022, 1:57am UTC](https://forum.pinegrow.com/t/css-and-comments-7-03/7348 "2022-12-09T01:57:05Z")
created a website (wordpress) with style.css edited the style.css and added comments /\* … feature … \*/ Export the theme to WP messed up the css til to the closing tag “\*/” Pinegrow 7.03 --- ## [Design a Test with Pinegrow + Animation](https://forum.pinegrow.com/t/design-a-test-with-pinegrow-animation/7304)
**Author:** [@sylviomr](https://forum.pinegrow.com/u/sylviomr)\ **Replies:** 0\ **Last updated:** [December 1, 2022, 6:13pm UTC](https://forum.pinegrow.com/t/design-a-test-with-pinegrow-animation/7304 "2022-12-01T18:13:03Z")
I have a question about creating a test. I would like to create this pinegrow. There are only a few questions ( yes / no). Had first considered doing this in Fluent form, but nothing really wants to become. Therefore now… --- ## [Can't set div height under 100px 🤪](https://forum.pinegrow.com/t/cant-set-div-height-under-100px/7251)
**Author:** [@DeepShader](https://forum.pinegrow.com/u/DeepShader)\ **Replies:** 2\ **Last updated:** [November 23, 2022, 7:14pm UTC](https://forum.pinegrow.com/t/cant-set-div-height-under-100px/7251 "2022-11-23T19:14:51Z")
Hi there, if I add a div to a blank (normalized) HTML file and set the height to 30px it still shows as 100px in the editor. Only values over 100px change the appearance of the div-height in the editor. What I’m doing … --- ## [? - Is possible to generate a minified css from scss?](https://forum.pinegrow.com/t/is-possible-to-generate-a-minified-css-from-scss/6939)
**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\ **Replies:** 3\ **Last updated:** [September 10, 2022, 7:41am UTC](https://forum.pinegrow.com/t/is-possible-to-generate-a-minified-css-from-scss/6939 "2022-09-10T07:41:10Z")
Hi All, i was wondering if there’s a way to add to the json file the instruction to creat a style.min.css as well as the compiled version of the scss? If not, it might be a nice idea to have somewhere in the future. T… --- ## [Massive problem with managing/applying breakpoints](https://forum.pinegrow.com/t/massive-problem-with-managing-applying-breakpoints/5187)
**Author:** [@NotAnotherName](https://forum.pinegrow.com/u/NotAnotherName)\ **Replies:** 8\ **Last updated:** [September 3, 2022, 10:23am UTC](https://forum.pinegrow.com/t/massive-problem-with-managing-applying-breakpoints/5187 "2022-09-03T10:23:10Z")
Hi, I have a major problem using breakpoints to manage adaptive stylings for my pages. Usually I try to open the XS view, activate the brush so (in theory) the CSS should only affect this size. I choose the item I want t… --- ## [Variable Fonts Usage](https://forum.pinegrow.com/t/variable-fonts-usage/6832)
**Author:** [@SilverT](https://forum.pinegrow.com/u/SilverT)\ **Replies:** 0\ **Last updated:** [August 22, 2022, 5:09pm UTC](https://forum.pinegrow.com/t/variable-fonts-usage/6832 "2022-08-22T17:09:53Z")
Variable Fonts have been around for a few years and are apparently supported by all the browsers. Google Fonts has been adding new Variable Fonts with increasing frequency. Seems that nearly half their fonts are now offe… --- ## [How to delete css classes?](https://forum.pinegrow.com/t/how-to-delete-css-classes/6825)
**Author:** [@Pinegrow\_Learner](https://forum.pinegrow.com/u/Pinegrow_Learner)\ **Replies:** 0\ **Last updated:** [August 22, 2022, 4:09am UTC](https://forum.pinegrow.com/t/how-to-delete-css-classes/6825 "2022-08-22T04:09:00Z")
Hi, I see the option to create/explore the css class rule in recent section of the Pinegrow class manager. How to delete css classes from the class manager in Pinegrow? --- ## [Bootstrap and Wordpress Editor color palette sync](https://forum.pinegrow.com/t/bootstrap-and-wordpress-editor-color-palette-sync/6698)
**Author:** [@Jorge](https://forum.pinegrow.com/u/Jorge)\ **Replies:** 9\ **Last updated:** [August 4, 2022, 2:45pm UTC](https://forum.pinegrow.com/t/bootstrap-and-wordpress-editor-color-palette-sync/6698 "2022-08-04T14:45:37Z")
Hello everyone. I am playing with Pinegrow and Full Site Editing following Matjaz’s tutorial: Simple Full Site Editing with Minimal Theme and Blocks. Everything works just fine. Meanwhile, as an experiment, I activated… --- ## [Override Bootstrap css classes in Pinegrow and WP Blocks](https://forum.pinegrow.com/t/override-bootstrap-css-classes-in-pinegrow-and-wp-blocks/6704)
**Author:** [@Jorge](https://forum.pinegrow.com/u/Jorge)\ **Replies:** 1\ **Last updated:** [July 24, 2022, 11:10am UTC](https://forum.pinegrow.com/t/override-bootstrap-css-classes-in-pinegrow-and-wp-blocks/6704 "2022-07-24T11:10:11Z")
Hello there. I am struggling to understand / implement the override of bootstrap css in Pinegrow. I followed the great tutorial from @RobM - Dynamic Blocks, (here) and I am a bit surprised that it seems it’s not possibl… --- ## [How to change styling of a link which is leads to the page that is currently open?](https://forum.pinegrow.com/t/how-to-change-styling-of-a-link-which-is-leads-to-the-page-that-is-currently-open/6553)
**Author:** [@pgrowbig](https://forum.pinegrow.com/u/pgrowbig)\ **Replies:** 3\ **Last updated:** [June 5, 2022, 1:08am UTC](https://forum.pinegrow.com/t/how-to-change-styling-of-a-link-which-is-leads-to-the-page-that-is-currently-open/6553 "2022-06-05T01:08:04Z")
0 I am trying to do something very simple… I want links with the class of PAGE-MENU-LINK to be always black which I succeeded in doing. I also want the link which leads to the page on which it is being viewed on to have… --- ## [Template's background image too large for some displays](https://forum.pinegrow.com/t/templates-background-image-too-large-for-some-displays/6494)
**Author:** [@factor3](https://forum.pinegrow.com/u/factor3)\ **Replies:** 18\ **Last updated:** [May 29, 2022, 3:48pm UTC](https://forum.pinegrow.com/t/templates-background-image-too-large-for-some-displays/6494 "2022-05-29T15:48:57Z")
I am working on an index page that is based on the Prime Drive template: https://library.pinegrow.com/bootstrap5/templates/primedrive\_bs5/ Otherwise known as Template 12. One great feature of the Prme Drive template i… --- ## [Ah....yes, That old chestnut.... CSS.. and the constant SKill Set updating](https://forum.pinegrow.com/t/ah-yes-that-old-chestnut-css-and-the-constant-skill-set-updating/6134)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [January 9, 2022, 10:26pm UTC](https://forum.pinegrow.com/t/ah-yes-that-old-chestnut-css-and-the-constant-skill-set-updating/6134 "2022-01-09T22:26:03Z")
So this looks like a rather fab resource…including… Example Pay Scales, for CSS devs. how handy some rather funky visualisations of data there, including --- ## [Is there a way to natively change output style of CSS from SASS files?](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116)
**Author:** [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\ **Replies:** 5\ **Last updated:** [January 1, 2022, 8:47am UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116 "2022-01-01T08:47:19Z")
Eg change the output style to one of: :nested , :expanded , :compact , or :compressed? --- ## [Attribute editor in Pinegrow desktop and live work differently](https://forum.pinegrow.com/t/attribute-editor-in-pinegrow-desktop-and-live-work-differently/5991)
**Author:** [@murugappan](https://forum.pinegrow.com/u/murugappan)\ **Replies:** 2\ **Last updated:** [December 6, 2021, 11:59pm UTC](https://forum.pinegrow.com/t/attribute-editor-in-pinegrow-desktop-and-live-work-differently/5991 "2021-12-06T23:59:21Z")
I just installed the live version and am enjoying it. I also notice the problem with attribute editor “runaway” problem has been fixed. Thank you so much. The attribute editor in Live and Desktop version work differentl… --- ## [CSS Drummer - for people who have more Time than](https://forum.pinegrow.com/t/css-drummer-for-people-who-have-more-time-than/5896)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [November 14, 2021, 10:24am UTC](https://forum.pinegrow.com/t/css-drummer-for-people-who-have-more-time-than/5896 "2021-11-14T10:24:11Z")
yes! just this… over a thousand lines of CSS code, nearly 1500… Pretty impressive, but really… isnt life to short? --- ## [Styling CSS for printout](https://forum.pinegrow.com/t/styling-css-for-printout/5864)
**Author:** [@aquorange](https://forum.pinegrow.com/u/aquorange)\ **Replies:** 2\ **Last updated:** [November 9, 2021, 7:39pm UTC](https://forum.pinegrow.com/t/styling-css-for-printout/5864 "2021-11-09T19:39:18Z")
Is there a way in PG to work at the stylesheet only for print devices (i.e. print A4) while having a preview? Trying to print a two or more column layout often results in chaos :grin: This is bad for clients who tend t… --- ## [Z-index not working in a section](https://forum.pinegrow.com/t/z-index-not-working-in-a-section/5609)
**Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 8\ **Last updated:** [September 6, 2021, 7:53am UTC](https://forum.pinegrow.com/t/z-index-not-working-in-a-section/5609 "2021-09-06T07:53:44Z")
I’m not sure if this has been asked (and answered) elsewhere but I notice that the title tag and right/left arrows in a carousel placed in a section rather than a row will display over the top of a fixed navbar regardles… --- ## [Back to top button](https://forum.pinegrow.com/t/back-to-top-button/5598)
**Author:** [@vincentba](https://forum.pinegrow.com/u/vincentba)\ **Replies:** 3\ **Last updated:** [September 3, 2021, 2:56pm UTC](https://forum.pinegrow.com/t/back-to-top-button/5598 "2021-09-03T14:56:56Z")
Hi to all can someone help me to create this effect on back to top btn https://mdbootstrap.com/snippets/standard/mdbootstrap/2964350#css-tab-view thanks in advance --- ## [Add to CSS Variables](https://forum.pinegrow.com/t/add-to-css-variables/5535)
**Author:** [@jonroc](https://forum.pinegrow.com/u/jonroc)\ **Replies:** 3\ **Last updated:** [September 1, 2021, 8:05pm UTC](https://forum.pinegrow.com/t/add-to-css-variables/5535 "2021-09-01T20:05:34Z")
Hello, how do I add to the new CSS Variables available in the new exclamation point UX button?: --- ## [Using Pinegrow's GUI CSS styler](https://forum.pinegrow.com/t/using-pinegrows-gui-css-styler/5599)
**Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 3\ **Last updated:** [August 30, 2021, 10:03pm UTC](https://forum.pinegrow.com/t/using-pinegrows-gui-css-styler/5599 "2021-08-30T22:03:48Z")
I’ve been trying to use Pinegrow’s CSS GUI to get a margin-top to properly work on smaller device widths but I’m not having any luck (see my screen capture). What’s wrong with my CSS code that the smaller widths don’t di… --- ## [Circle image became square](https://forum.pinegrow.com/t/circle-image-became-square/5571)
**Author:** [@vincentba](https://forum.pinegrow.com/u/vincentba)\ **Replies:** 7\ **Last updated:** [August 26, 2021, 11:43am UTC](https://forum.pinegrow.com/t/circle-image-became-square/5571 "2021-08-26T11:43:59Z")
hi to all i have an image circle, after i put wordpress get avatar i can’t control height and width and image became square i try border-radius: 50px but nothing happend thanks in advance --- ## [CSS on a CMS system](https://forum.pinegrow.com/t/css-on-a-cms-system/5438)
**Author:** [@uzze](https://forum.pinegrow.com/u/uzze)\ **Replies:** 1\ **Last updated:** [July 6, 2021, 7:03pm UTC](https://forum.pinegrow.com/t/css-on-a-cms-system/5438 "2021-07-06T19:03:09Z")
Can I open a CSS file online with Pinegrow, edit it and save it directly back to the server? --- ## [Visual css editor without file connection](https://forum.pinegrow.com/t/visual-css-editor-without-file-connection/5305)
**Author:** [@Piro](https://forum.pinegrow.com/u/Piro)\ **Replies:** 2\ **Last updated:** [June 8, 2021, 6:57pm UTC](https://forum.pinegrow.com/t/visual-css-editor-without-file-connection/5305 "2021-06-08T18:57:17Z")
Is it possible to edit a .css file via the visual editor, while there is no connection with a html document (WP theme creation)? So I can’t select a certain element in the page, only the css rules in the css file. For … --- ## [Wordpress - editing style.css in an external editor - does this work?](https://forum.pinegrow.com/t/wordpress-editing-style-css-in-an-external-editor-does-this-work/820)
**Author:** [@greyguru](https://forum.pinegrow.com/u/greyguru)\ **Replies:** 6\ **Last updated:** [May 30, 2021, 1:12pm UTC](https://forum.pinegrow.com/t/wordpress-editing-style-css-in-an-external-editor-does-this-work/820 "2021-05-30T13:12:17Z")
It seems to me that Pinegrow is ignoring / not noticing / overwriting changes made to style.css in Wordpress development. When I save in an external editor, there isn't the "auto-refresh" that I get when making changes t… --- ## [Remove empty classes from css file with visual studio editor](https://forum.pinegrow.com/t/remove-empty-classes-from-css-file-with-visual-studio-editor/5203)
**Author:** [@grimur](https://forum.pinegrow.com/u/grimur)\ **Replies:** 2\ **Last updated:** [April 16, 2021, 3:03pm UTC](https://forum.pinegrow.com/t/remove-empty-classes-from-css-file-with-visual-studio-editor/5203 "2021-04-16T15:03:07Z")
Hi all, I was wondering if someone knows of a plugin for visual code editor to remove empty classes from my css, I use scss and then I go to visual studio code editor and minify the css file but I get errors (not really… --- ## [Inline CSS vs Classes vs IDs](https://forum.pinegrow.com/t/inline-css-vs-classes-vs-ids/5102)
**Author:** [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\ **Replies:** 8\ **Last updated:** [March 22, 2021, 9:13am UTC](https://forum.pinegrow.com/t/inline-css-vs-classes-vs-ids/5102 "2021-03-22T09:13:43Z")
Hello, Because Pinegrow and coding with it is still quite new to me, I wanted to ask the following simple question: What is the best / common way to work with inline CSS / classes / IDs? When I want to use a style on … --- ## [Editing scss - Lose Changes](https://forum.pinegrow.com/t/editing-scss-lose-changes/4800)
**Author:** [@JamesBarrettDM](https://forum.pinegrow.com/u/JamesBarrettDM)\ **Replies:** 3\ **Last updated:** [March 6, 2021, 4:04pm UTC](https://forum.pinegrow.com/t/editing-scss-lose-changes/4800 "2021-03-06T16:04:00Z")
Hi, Why is it not possible to edit scss in Pinegrow? I have 2 files, style.scss and \_variables.scss If I add something to my variables file using the built in code editor in PG for example $primary: #555; I get a pop… --- ## [SASS/CSS Learning Resource Question(s)](https://forum.pinegrow.com/t/sass-css-learning-resource-question-s/3157)
**Author:** [@miles](https://forum.pinegrow.com/u/miles)\ **Replies:** 15\ **Last updated:** [January 29, 2021, 11:03am UTC](https://forum.pinegrow.com/t/sass-css-learning-resource-question-s/3157 "2021-01-29T11:03:37Z")
Hello, I’m contemplating taking a long break away from Wordpress and am looking to get into Bootstrap 4.xx websites for a while. I am a complete newbie to CSS/SASS/LESS, etc., as I stopped actively following it to any … --- ## [Tailwind CSS v2.0 Update?](https://forum.pinegrow.com/t/tailwind-css-v2-0-update/4873)
**Author:** [@shingen](https://forum.pinegrow.com/u/shingen)\ **Replies:** 0\ **Last updated:** [January 24, 2021, 3:42pm UTC](https://forum.pinegrow.com/t/tailwind-css-v2-0-update/4873 "2021-01-24T15:42:38Z")
Hey folks, Any idea when Pinegrow will be updated to Tailwind CSS v2.0? Or is there a way one can do it themselves? Cheers --- ## [How do I add SCSS (SASS) source files](https://forum.pinegrow.com/t/how-do-i-add-scss-sass-source-files/4673)
**Author:** [@mezmerric](https://forum.pinegrow.com/u/mezmerric)\ **Replies:** 5\ **Last updated:** [November 13, 2020, 11:40am UTC](https://forum.pinegrow.com/t/how-do-i-add-scss-sass-source-files/4673 "2020-11-13T11:40:34Z")
Pulling my hair out trying to work out how to create additional SCSS files. Can anybody provide some guidance? I have managed to create a ‘style.css’ and a single ‘main.scss’ which work fine. I now want to split the … [Previous page](https://forum.pinegrow.com/c/styling/7.md) [Next page](https://forum.pinegrow.com/c/styling/7.md?page=2)