# Styling (CSS) **URL:** https://forum.pinegrow.com/c/styling/7.md?page=2 [Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md) **Page:** 3 --- ## [CSS filter effects](https://forum.pinegrow.com/t/css-filter-effects/4608)
**Author:** [@diesgomo](https://forum.pinegrow.com/u/diesgomo)\ **Replies:** 0\ **Last updated:** [October 13, 2020, 9:12pm UTC](https://forum.pinegrow.com/t/css-filter-effects/4608 "2020-10-13T21:12:34Z")
Hi you all! Thank you Pinegrow developers for this wonderful tool! I’d like to request the filter CSS effects to be included in the designer, I think that it has a lot of powerfull and now I have to design with it elsew… --- ## [How to copy css styles from Froala to Kstyle.css](https://forum.pinegrow.com/t/how-to-copy-css-styles-from-froala-to-kstyle-css/4455)
**Author:** [@kat](https://forum.pinegrow.com/u/kat)\ **Replies:** 11\ **Last updated:** [August 25, 2020, 12:27am UTC](https://forum.pinegrow.com/t/how-to-copy-css-styles-from-froala-to-kstyle-css/4455 "2020-08-25T00:27:04Z")
How to copy a style from one css, like bootstrap, foundation or Froala to my custom css? Don’t want to have write directly into my css. --- ## [Help with custom NavBar](https://forum.pinegrow.com/t/help-with-custom-navbar/4312)
**Author:** [@c\_sassano](https://forum.pinegrow.com/u/c_sassano)\ **Replies:** 2\ **Last updated:** [July 8, 2020, 9:42am UTC](https://forum.pinegrow.com/t/help-with-custom-navbar/4312 "2020-07-08T09:42:39Z")
Hi, I love Pinegrow. I’d like to make a custom NavBar like the attached file with Bootstrap in Pinegrow. I try navbar-right for the nav items but… don’t work, anyone can help me, thanks in advance. Hi Chris --- ## [CSS sidebar widgets adaption with Pinegrow](https://forum.pinegrow.com/t/css-sidebar-widgets-adaption-with-pinegrow/4235)
**Author:** [@mazzel](https://forum.pinegrow.com/u/mazzel)\ **Replies:** 0\ **Last updated:** [June 14, 2020, 11:29am UTC](https://forum.pinegrow.com/t/css-sidebar-widgets-adaption-with-pinegrow/4235 "2020-06-14T11:29:23Z")
Hi, In my PG Wordpress theme I have a sidebar. (p.s. I am testing on the Starter Theme2 pages) In the sidebar I drag for example Pages, Recent Posts… This I do in Wordpress Appearence-\>Widgets. With the CSS inspector… --- ## [Select active view for CSS editing](https://forum.pinegrow.com/t/select-active-view-for-css-editing/4198)
**Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 5\ **Last updated:** [June 3, 2020, 8:50pm UTC](https://forum.pinegrow.com/t/select-active-view-for-css-editing/4198 "2020-06-03T20:50:03Z")
I probably got this all wrong, but I thought selecting the little brush “Active View for CSS Editing” meant that any CSS additions, alterations, or deletions would affect ONLY that device size (@media) and not affect any… --- ## [PostCSS — Autoprefixer](https://forum.pinegrow.com/t/postcss-autoprefixer/3948)
**Author:** [@tytusie](https://forum.pinegrow.com/u/tytusie)\ **Replies:** 6\ **Last updated:** [April 13, 2020, 5:27pm UTC](https://forum.pinegrow.com/t/postcss-autoprefixer/3948 "2020-04-13T17:27:32Z")
Hi all, I’m a virgin :heart: to webdesign and all that, as i was doing my little experiments with Pinegrow, i’ve noticed that my ignorant way to do things misunderstood one really important thing: prefix…than i reminded … --- ## [Css in email gets formatted somehow](https://forum.pinegrow.com/t/css-in-email-gets-formatted-somehow/3756)
**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Replies:** 7\ **Last updated:** [February 5, 2020, 9:56am UTC](https://forum.pinegrow.com/t/css-in-email-gets-formatted-somehow/3756 "2020-02-05T09:56:38Z")
Hi, I’m trying to edit a email in Pinegrow, but when I save this happens to the CSS. I tried shutting off CSS code formatting, but it still gets ugly. Any advice to solve this is much appreciated! David --- ## [Copy CSS from the tree to text editors CSS](https://forum.pinegrow.com/t/copy-css-from-the-tree-to-text-editors-css/3704)
**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Replies:** 3\ **Last updated:** [January 21, 2020, 5:45pm UTC](https://forum.pinegrow.com/t/copy-css-from-the-tree-to-text-editors-css/3704 "2020-01-21T17:45:44Z")
Hi, How do I copy the CSS from the tree to a external text editors CSS file? All I see now is copy to HTML, but not to CSS! Regards & Thanks, David --- ## [Creating and Organizing CSS Rules](https://forum.pinegrow.com/t/creating-and-organizing-css-rules/3278)
**Author:** [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Replies:** 10\ **Last updated:** [November 26, 2019, 7:40pm UTC](https://forum.pinegrow.com/t/creating-and-organizing-css-rules/3278 "2019-11-26T19:40:28Z")
The most intimidating thing about PG is the bewildering array of properties and options to fiddle with on, what amounts to the molecular level. The introduction to PGv5 says this, “Creating maintainable CSS structure re… --- ## [Box/drop-shadow](https://forum.pinegrow.com/t/box-drop-shadow/761)
**Author:** [@noosence](https://forum.pinegrow.com/u/noosence)\ **Replies:** 3\ **Last updated:** [October 31, 2019, 4:46am UTC](https://forum.pinegrow.com/t/box-drop-shadow/761 "2019-10-31T04:46:20Z")
I might be missing something but I have yet to find the GUI option to add a box shadow or drop shadow. --- ## [SASS compiler error report](https://forum.pinegrow.com/t/sass-compiler-error-report/3477)
**Author:** [@Markus](https://forum.pinegrow.com/u/Markus)\ **Replies:** 0\ **Last updated:** [October 29, 2019, 2:15pm UTC](https://forum.pinegrow.com/t/sass-compiler-error-report/3477 "2019-10-29T14:15:42Z")
Hi, is there a way to see the error report of the sass compiler. The output I see in Visual Studio Code is quiet handy. Is this available in Pinegrow as well? Markus --- ## [Using Grid/Flex Box when much of traffic is still from IE](https://forum.pinegrow.com/t/using-grid-flex-box-when-much-of-traffic-is-still-from-ie/3154)
**Author:** [@bhsiao](https://forum.pinegrow.com/u/bhsiao)\ **Replies:** 16\ **Last updated:** [September 6, 2019, 9:20am UTC](https://forum.pinegrow.com/t/using-grid-flex-box-when-much-of-traffic-is-still-from-ie/3154 "2019-09-06T09:20:23Z")
Any advice for transitioning to grid/Flexbox. I still have a significant amount of IE traffic (which converts). Do I need to wait for those people to catch up to the modern world before changing over? --- ## [Pinegrow 5.4.1 Sass Problems](https://forum.pinegrow.com/t/pinegrow-5-4-1-sass-problems/3002)
**Author:** [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Replies:** 3\ **Last updated:** [May 16, 2019, 1:15pm UTC](https://forum.pinegrow.com/t/pinegrow-5-4-1-sass-problems/3002 "2019-05-16T13:15:37Z")
Hi, Besides the fact that the Sass compiler gives an error every time I try to save something (despite that its saved to custom SCSS) and the app is extremely slowing down or freezes. Try to @import the Google Boloo B… --- ## [How to insert button here](https://forum.pinegrow.com/t/how-to-insert-button-here/2924)
**Author:** [@noobguy](https://forum.pinegrow.com/u/noobguy)\ **Replies:** 0\ **Last updated:** [April 13, 2019, 3:45pm UTC](https://forum.pinegrow.com/t/how-to-insert-button-here/2924 "2019-04-13T15:45:09Z")
Hello there. Im really really noob. So here is my noob question. i want to insert button right here (refer picture) This is the button I want to insert This is the grid of my template. \*i never use any sort of … --- ## [Control margin-top in @media queries](https://forum.pinegrow.com/t/control-margin-top-in-media-queries/2913)
**Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 7\ **Last updated:** [April 11, 2019, 6:34am UTC](https://forum.pinegrow.com/t/control-margin-top-in-media-queries/2913 "2019-04-11T06:34:17Z")
Does anyone know how to responsively control an element’s top margin via a style sheet? I have a responsive background image that resizes perfectly on my desktop. However, it will not properly scale on my iPhone. I’ve g… --- ## [Pinegrow 5.4 problem with SASS import](https://forum.pinegrow.com/t/pinegrow-5-4-problem-with-sass-import/2897)
**Author:** [@dgrabowski](https://forum.pinegrow.com/u/dgrabowski)\ **Replies:** 3\ **Last updated:** [March 30, 2019, 3:12pm UTC](https://forum.pinegrow.com/t/pinegrow-5-4-problem-with-sass-import/2897 "2019-03-30T15:12:39Z")
Since I have installed 5.4 I get strange error messages when saving a file: The following stylesheets were not saved - Undefined variable:"$HEADER-BG" in file stdin at 14:23 My scss file import some constants @import … --- ## [No resize handles for CSS Grids shown](https://forum.pinegrow.com/t/no-resize-handles-for-css-grids-shown/2874)
**Author:** [@Dirk-Vau](https://forum.pinegrow.com/u/Dirk-Vau)\ **Replies:** 10\ **Last updated:** [March 23, 2019, 6:46am UTC](https://forum.pinegrow.com/t/no-resize-handles-for-css-grids-shown/2874 "2019-03-23T06:46:01Z")
Hi, i’m working on the tutorial “learn CSS Grid with Pinegrow”. I’m following the tut step by step. But no resize handles appears when i’ll try to resize the header in my test.html. (as it appears in the tutorial) … --- ## [LESS autoprefix](https://forum.pinegrow.com/t/less-autoprefix/2812)
**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\ **Replies:** 0\ **Last updated:** [March 4, 2019, 11:27am UTC](https://forum.pinegrow.com/t/less-autoprefix/2812 "2019-03-04T11:27:52Z")
Hi All, I’m using less within pinegrow and I want to add in some keyframe animation. This is turning out to be more difficult than I thought with regards to the prefixes. Is there anyway to use an autoprefixer for LESS … --- ## [Variables in separate file using LESS - Can it be done?](https://forum.pinegrow.com/t/variables-in-separate-file-using-less-can-it-be-done/2753)
**Author:** [@Ro6](https://forum.pinegrow.com/u/Ro6)\ **Replies:** 0\ **Last updated:** [February 20, 2019, 2:32pm UTC](https://forum.pinegrow.com/t/variables-in-separate-file-using-less-can-it-be-done/2753 "2019-02-20T14:32:28Z")
@import url(‘mydomain.co.uk - mydomain Resources and Information.’); – or – @import ‘…/…/assets/css/globals.less’; body { background-color: @bodybgcolour; } I just cannot get less compiled inside PG to import a f… --- ## [Using the BS4.2 Display Utility](https://forum.pinegrow.com/t/using-the-bs4-2-display-utility/2734)
**Author:** [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Replies:** 0\ **Last updated:** [February 16, 2019, 4:45pm UTC](https://forum.pinegrow.com/t/using-the-bs4-2-display-utility/2734 "2019-02-16T16:45:57Z")
Cancel previous post… --- ## [Active tab - missing hover selectors](https://forum.pinegrow.com/t/active-tab-missing-hover-selectors/2687)
**Author:** [@mxs](https://forum.pinegrow.com/u/mxs)\ **Replies:** 2\ **Last updated:** [February 6, 2019, 3:44pm UTC](https://forum.pinegrow.com/t/active-tab-missing-hover-selectors/2687 "2019-02-06T15:44:18Z")
Would be nice to have the :hover state of a selector shown Unless I’m missing something you have to search for the hover state to make changes. eg. if I want to change colour of say btn-danger to a more subtle red - I … --- ## [Issues creating rules in CSS](https://forum.pinegrow.com/t/issues-creating-rules-in-css/2651)
**Author:** [@casay](https://forum.pinegrow.com/u/casay)\ **Replies:** 1\ **Last updated:** [January 29, 2019, 6:51pm UTC](https://forum.pinegrow.com/t/issues-creating-rules-in-css/2651 "2019-01-29T18:51:33Z")
After creating a new rule in CSS my style attribute then shows classes without rules as the rule I just created. for example I create the rule - .body It then shows classes without rules: body I then check my css sty… --- ## [CSS3 Gradient Images](https://forum.pinegrow.com/t/css3-gradient-images/2564)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 2\ **Last updated:** [January 6, 2019, 12:10am UTC](https://forum.pinegrow.com/t/css3-gradient-images/2564 "2019-01-06T00:10:27Z")
Yes! Images/repeating background patterns with css3. I didnt know you could do this :slight\_smile: https://leaverou.github.io/css3patterns/ --- ## [BREAKING out of the GRID](https://forum.pinegrow.com/t/breaking-out-of-the-grid/2562)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 1\ **Last updated:** [January 5, 2019, 9:42am UTC](https://forum.pinegrow.com/t/breaking-out-of-the-grid/2562 "2019-01-05T09:42:39Z")
https://www.secretstache.com/blog/how-to-effectively-break-out-of-the-grid/ Much as the title suggests :slight\_smile: --- ## [What's Wrong With The Hamburger?](https://forum.pinegrow.com/t/whats-wrong-with-the-hamburger/2527)
**Author:** [@kohjonathan](https://forum.pinegrow.com/u/kohjonathan)\ **Replies:** 4\ **Last updated:** [December 28, 2018, 5:29am UTC](https://forum.pinegrow.com/t/whats-wrong-with-the-hamburger/2527 "2018-12-28T05:29:30Z")
Hi, I am trying to create a simple hamburger menu using CSS and HTML with GRID. Not sure what is wrong with the code. The hamburger is only supposed to show in small screens but it appears in the middle of the big scree… --- ## [CSS GRID - Venn diagram, Well explained](https://forum.pinegrow.com/t/css-grid-venn-diagram-well-explained/2502)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 2\ **Last updated:** [December 13, 2018, 3:25pm UTC](https://forum.pinegrow.com/t/css-grid-venn-diagram-well-explained/2502 "2018-12-13T15:25:54Z")
Here you go, this is very nicely done and explained well. http://adrianroselli.com/2018/12/a-css-venn-diagram.html#comment-121676 I will check his site out later, it looks interesting. I’m currently Nuking My living r… --- ## [Carousel with md-6 and 100% browser height?](https://forum.pinegrow.com/t/carousel-with-md-6-and-100-browser-height/691)
**Author:** [@adriano\_zeni](https://forum.pinegrow.com/u/adriano_zeni)\ **Replies:** 22\ **Last updated:** [November 29, 2018, 10:22pm UTC](https://forum.pinegrow.com/t/carousel-with-md-6-and-100-browser-height/691 "2018-11-29T22:22:10Z")
Hey guys! I’m trying to make a site with a Carousel with Col-MD-6, no-scroll and 100% browser Height, identical to this web site. https://uk.nicolasvahe.com But i'm finding very trick to achieve the 100% browser he… --- ## [Can't seem to get sticky nav to work](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440)
**Author:** [@andrew](https://forum.pinegrow.com/u/andrew)\ **Replies:** 7\ **Last updated:** [November 28, 2018, 5:32am UTC](https://forum.pinegrow.com/t/cant-seem-to-get-sticky-nav-to-work/2440 "2018-11-28T05:32:42Z")
I’m experimenting with Bootstrap, and it may be just that it’s been a long day :slight\_smile: but I can’t figure out what to change to get the navbar to be sticky… Page is here. I’ve tried changing it, but it doesn’t d… --- ## [Finding an image in the editor](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436)
**Author:** [@andrew](https://forum.pinegrow.com/u/andrew)\ **Replies:** 23\ **Last updated:** [November 25, 2018, 12:26pm UTC](https://forum.pinegrow.com/t/finding-an-image-in-the-editor/2436 "2018-11-25T12:26:41Z")
Hi everyone, Learning by doing a bit of detective work… I’m looking at a site I’ve downloaded and am trying to figure out how to identify and locate a resource. It’s a button (an image) that leads to an upload page. Ho… --- ## [Inline CSS vs CSS file](https://forum.pinegrow.com/t/inline-css-vs-css-file/2391)
**Author:** [@RickH](https://forum.pinegrow.com/u/RickH)\ **Replies:** 12\ **Last updated:** [November 20, 2018, 3:05pm UTC](https://forum.pinegrow.com/t/inline-css-vs-css-file/2391 "2018-11-20T15:05:22Z")
Just starting with the demo version. Created a PHP page (with just HTML for now, based on ‘Holy Grail’). Set up an external style sheet (styles.css) in the page. Basic CSS divs in that css file. When adding elements an… [Previous page](https://forum.pinegrow.com/c/styling/7.md?page=1) [Next page](https://forum.pinegrow.com/c/styling/7.md?page=3)