# Styling (CSS) **URL:** https://forum.pinegrow.com/c/styling/7.md?page=3 [Latest](https://forum.pinegrow.com/latest.md) · [Categories](https://forum.pinegrow.com/categories.md) · [Tags](https://forum.pinegrow.com/tags.md) **Page:** 4 --- ## [How to change hover color of FA icons](https://forum.pinegrow.com/t/how-to-change-hover-color-of-fa-icons/2388)
**Author:** [@HookedHangman](https://forum.pinegrow.com/u/HookedHangman)\ **Replies:** 9\ **Last updated:** [November 12, 2018, 3:22am UTC](https://forum.pinegrow.com/t/how-to-change-hover-color-of-fa-icons/2388 "2018-11-12T03:22:11Z")
I know this is probably a simple solution but for some reason I’m not seeing it. I changed to icon color itself but how do I change it’s hover color? Thanks --- ## [Change size or opacity of navbar on scroll](https://forum.pinegrow.com/t/change-size-or-opacity-of-navbar-on-scroll/2275)
**Author:** [@HookedHangman](https://forum.pinegrow.com/u/HookedHangman)\ **Replies:** 2\ **Last updated:** [October 7, 2018, 3:41pm UTC](https://forum.pinegrow.com/t/change-size-or-opacity-of-navbar-on-scroll/2275 "2018-10-07T15:41:41Z")
I’m just getting used to Pinegrow and using it to refresh my HTML and CSS skills at the same time. I’ve been out of it for a while so a bit rusty. I’m curious how you go about animating the navbar on scroll. For instanc… --- ## [CSS code formatting .. how can it be stopped?](https://forum.pinegrow.com/t/css-code-formatting-how-can-it-be-stopped/2134)
**Author:** [@mijj](https://forum.pinegrow.com/u/mijj)\ **Replies:** 11\ **Last updated:** [August 22, 2018, 8:40pm UTC](https://forum.pinegrow.com/t/css-code-formatting-how-can-it-be-stopped/2134 "2018-08-22T20:40:04Z")
Is there a way to stop Pinegrow from forcing CSS code formatting. I (as a general web dev novice) am attempting to build an AMP page using Pinegrow. I have tested the bare minimum blank AMP page. But because Pinegrow … --- ## [Oh! Unpredictable CSS styling behaviour](https://forum.pinegrow.com/t/oh-unpredictable-css-styling-behaviour/1730)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 2\ **Last updated:** [August 15, 2018, 10:41pm UTC](https://forum.pinegrow.com/t/oh-unpredictable-css-styling-behaviour/1730 "2018-08-15T22:41:07Z")
Some guides to unplanned styling care of Medium.com --- ## [Resize the font we use](https://forum.pinegrow.com/t/resize-the-font-we-use/2120)
**Author:** [@hamed](https://forum.pinegrow.com/u/hamed)\ **Replies:** 1\ **Last updated:** [August 15, 2018, 10:19pm UTC](https://forum.pinegrow.com/t/resize-the-font-we-use/2120 "2018-08-15T22:19:59Z")
how can i resize the fonts when i resize the page from normal display pc to mobile friendly iphone or other note : just i want to resize the fonts --- ## [Fixed Top Menu Issue](https://forum.pinegrow.com/t/fixed-top-menu-issue/2052)
**Author:** [@Badboy](https://forum.pinegrow.com/u/Badboy)\ **Replies:** 5\ **Last updated:** [July 16, 2018, 1:54am UTC](https://forum.pinegrow.com/t/fixed-top-menu-issue/2052 "2018-07-16T01:54:46Z")
Hi Everybody, I got my menu from a block. I have about a 50px gap between my block header and my menu. When I select “Fix Top” for my menu, it pulls my header block right up tight to it so it takes my gap away. What ca… --- ## [Want to look like the British government?](https://forum.pinegrow.com/t/want-to-look-like-the-british-government/2021)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 6\ **Last updated:** [July 5, 2018, 11:40pm UTC](https://forum.pinegrow.com/t/want-to-look-like-the-british-government/2021 "2018-07-05T23:40:29Z")
Here you go. :socks: https://design-system.service.gov.uk oh, sorry for the sock :slight\_smile: --- ## [New free shininess from CoffeeCup, to play with](https://forum.pinegrow.com/t/new-free-shininess-from-coffeecup-to-play-with/1966)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [June 13, 2018, 8:00am UTC](https://forum.pinegrow.com/t/new-free-shininess-from-coffeecup-to-play-with/1966 "2018-06-13T08:00:44Z")
here you go, a fine free app for playing around and learning css grid plus whatever else you want to use it for. https://cssgrid.cc --- ## [How to get nav to zoom out on scroll](https://forum.pinegrow.com/t/how-to-get-nav-to-zoom-out-on-scroll/1946)
**Author:** [@kenji101](https://forum.pinegrow.com/u/kenji101)\ **Replies:** 4\ **Last updated:** [June 8, 2018, 1:20pm UTC](https://forum.pinegrow.com/t/how-to-get-nav-to-zoom-out-on-scroll/1946 "2018-06-08T13:20:02Z")
how to get nav to zoom out on scroll. same as on this site. --- ## [How to make 1 item/column on section align on the center](https://forum.pinegrow.com/t/how-to-make-1-item-column-on-section-align-on-the-center/1806)
**Author:** [@kenji101](https://forum.pinegrow.com/u/kenji101)\ **Replies:** 1\ **Last updated:** [April 27, 2018, 12:46pm UTC](https://forum.pinegrow.com/t/how-to-make-1-item-column-on-section-align-on-the-center/1806 "2018-04-27T12:46:13Z")
\[image\] Hello i have section + 1 collumn(+1content) but the culumn is always align to left? my target is that if only 1 collumn in that section, it is always on center, and when i add another collumn, both will be ali… --- ## [How to achieve this effect in pinegrow?](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713)
**Author:** [@artimm](https://forum.pinegrow.com/u/artimm)\ **Replies:** 7\ **Last updated:** [March 14, 2018, 6:28am UTC](https://forum.pinegrow.com/t/how-to-achieve-this-effect-in-pinegrow/1713 "2018-03-14T06:28:18Z")
\[%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA\] --- ## [Trouble saving CSS changes in PG4.5](https://forum.pinegrow.com/t/trouble-saving-css-changes-in-pg4-5/1701)
**Author:** [@bhsiao](https://forum.pinegrow.com/u/bhsiao)\ **Replies:** 5\ **Last updated:** [March 9, 2018, 2:45pm UTC](https://forum.pinegrow.com/t/trouble-saving-css-changes-in-pg4-5/1701 "2018-03-09T14:45:12Z")
I have made changes to the style attribute. The help document says to click on the + next to the attribute name to save it. I don’t have that + to click on so I am stuck.\[53%20PM\] I’d appreciate any help. My guess is th… --- ## [Trouble with sass and template](https://forum.pinegrow.com/t/trouble-with-sass-and-template/1695)
**Author:** [@stoltenberg](https://forum.pinegrow.com/u/stoltenberg)\ **Replies:** 2\ **Last updated:** [March 9, 2018, 9:52am UTC](https://forum.pinegrow.com/t/trouble-with-sass-and-template/1695 "2018-03-09T09:52:54Z")
hi there. i was very pleased to hear, that the new release supports less/sass. so i tried to edit an also fresh commercial bootstrap template: menu manage stylesheets \> use scss/less styling completely broken on all p… --- ## [What is the Best way/work flow to modify CSS variables for frameworks Etc](https://forum.pinegrow.com/t/what-is-the-best-way-work-flow-to-modify-css-variables-for-frameworks-etc/1688)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 1\ **Last updated:** [March 6, 2018, 11:47am UTC](https://forum.pinegrow.com/t/what-is-the-best-way-work-flow-to-modify-css-variables-for-frameworks-etc/1688 "2018-03-06T11:47:35Z")
Hi. having just seen the excellent tutorial by @matjaz on modifying sass variables in sass files and over riding (if that is the correct terminology) the default Bootstrap classes. …what is/was the usual best practice… --- ## [Hi, anyone using / abusing this minimal Responsive CSS framework? -opinions, reviews?](https://forum.pinegrow.com/t/hi-anyone-using-abusing-this-minimal-responsive-css-framework-opinions-reviews/1611)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 4\ **Last updated:** [February 13, 2018, 5:52pm UTC](https://forum.pinegrow.com/t/hi-anyone-using-abusing-this-minimal-responsive-css-framework-opinions-reviews/1611 "2018-02-13T17:52:25Z")
here you go? https://purecss.io/ based on normalize.css apparently. any opinions on this or nice sites made with it? --- ## [Create mobile friendly ebay listing (no scripts allowed - just css)](https://forum.pinegrow.com/t/create-mobile-friendly-ebay-listing-no-scripts-allowed-just-css/1606)
**Author:** [@Raj](https://forum.pinegrow.com/u/Raj)\ **Replies:** 1\ **Last updated:** [February 12, 2018, 9:50pm UTC](https://forum.pinegrow.com/t/create-mobile-friendly-ebay-listing-no-scripts-allowed-just-css/1606 "2018-02-12T21:50:46Z")
Is it possible to create mobile friendly pages with just CSS using pinegrow? --- ## [CSS grid in Pinegrow](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 3\ **Last updated:** [February 11, 2018, 1:13am UTC](https://forum.pinegrow.com/t/css-grid-in-pinegrow/1601 "2018-02-11T01:13:47Z")
Hi, has anyone looked at in PineGrow open URL? i looks totallly broken to me. I was going to check out the layout and css grid in Pingrow, but, ummm, not happening. yeah interesting. I was just chatting to @balam o… --- ## [How to resize buttons in PineGrow 4 (or 3... and 2!) with media queries](https://forum.pinegrow.com/t/how-to-resize-buttons-in-pinegrow-4-or-3-and-2-with-media-queries/1500)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 5\ **Last updated:** [January 15, 2018, 11:20pm UTC](https://forum.pinegrow.com/t/how-to-resize-buttons-in-pinegrow-4-or-3-and-2-with-media-queries/1500 "2018-01-15T23:20:50Z")
Hi, I’m struggling to use Media queries here to resize bootstrap buttons that GROW in width as the screen size DECREASES. Ive seen a video, somewhere in the distant past of how to do it on one of Matjaz’ videos, but I c… --- ## [Snow in Pineland - how CSS Prefixers, dont always work](https://forum.pinegrow.com/t/snow-in-pineland-how-css-prefixers-dont-always-work/1475)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 8\ **Last updated:** [January 6, 2018, 11:59pm UTC](https://forum.pinegrow.com/t/snow-in-pineland-how-css-prefixers-dont-always-work/1475 "2018-01-06T23:59:38Z")
Happy New Year! to celebrate, I thought I’d get back to some Festive Web Work and thought this would be nice to learn about CSS3 animations. I fired the URL up in Pinegrow (2.951) to see the code and play with it, LO… --- ## [Linking css to a html document](https://forum.pinegrow.com/t/linking-css-to-a-html-document/1464)
**Author:** [@Joe\_W](https://forum.pinegrow.com/u/Joe_W)\ **Replies:** 2\ **Last updated:** [December 28, 2017, 7:13pm UTC](https://forum.pinegrow.com/t/linking-css-to-a-html-document/1464 "2017-12-28T19:13:41Z")
I am confused at what I am actually doing when I link a css file to the html document. I would hope to click new html then click new css and then have them linked in the head of the html. Kind of like dreamweaver works … --- ## [Transforms & Transitions in Pinegrow 3 Visual Editor](https://forum.pinegrow.com/t/transforms-transitions-in-pinegrow-3-visual-editor/1341)
**Author:** [@LordGytrash](https://forum.pinegrow.com/u/LordGytrash)\ **Replies:** 1\ **Last updated:** [November 17, 2017, 9:02pm UTC](https://forum.pinegrow.com/t/transforms-transitions-in-pinegrow-3-visual-editor/1341 "2017-11-17T21:02:45Z")
Are there any tutorials for these anywhere? Looking at the options it looks like it OUGHT to be intuitive. I’m trying to do something really easy - like animate my menubar in from the top. I can see the animation working… --- ## [Cannot edit custom css file - Pinegrow 3.07](https://forum.pinegrow.com/t/cannot-edit-custom-css-file-pinegrow-3-07/1278)
**Author:** [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\ **Replies:** 5\ **Last updated:** [September 25, 2017, 8:58am UTC](https://forum.pinegrow.com/t/cannot-edit-custom-css-file-pinegrow-3-07/1278 "2017-09-25T08:58:33Z")
Hello, I wish this feature was a lot more simple to use. I have been scratching my head for a good 30 minutes without luck. I have opened my project and would like to edit my custom css on the file itself rather than u… --- ## [Pinegrow Challenge --- Color the Boxes](https://forum.pinegrow.com/t/pinegrow-challenge-color-the-boxes/1284)
**Author:** [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\ **Replies:** 0\ **Last updated:** [September 20, 2017, 3:18pm UTC](https://forum.pinegrow.com/t/pinegrow-challenge-color-the-boxes/1284 "2017-09-20T15:18:43Z")
Pinegrow Challenge — Color the Boxes Take any tool you like – including coding by hand Do it in a proper HTML way With Pinegrow we do that in 1 minute :thinking: Hmmm… This was less than a minute to write: \ **Author:** [@ganr8790](https://forum.pinegrow.com/u/ganr8790)\ **Replies:** 17\ **Last updated:** [August 26, 2017, 6:31am UTC](https://forum.pinegrow.com/t/css-editor-issues-in-v3/1198 "2017-08-26T06:31:04Z") Have anyone tried using the new version’s (3.06) CSS editor? (a downgrade and a struggle for me so far - probably best using an external editor - Atom or similar…) --- ## [Visual Editor Error Pop-Up](https://forum.pinegrow.com/t/visual-editor-error-pop-up/1201)
**Author:** [@Rbobrov](https://forum.pinegrow.com/u/Rbobrov)\ **Replies:** 3\ **Last updated:** [August 15, 2017, 6:26pm UTC](https://forum.pinegrow.com/t/visual-editor-error-pop-up/1201 "2017-08-15T18:26:06Z")
Hi, I just started using Pinegrow a few days ago and I’m still getting the hand of things, but I just can’t seem to get the Visual Editor to work with me no matter what I do. For example, I can’t even use it to change t… --- ## [Using the Visual Style Editor in Pinegrow v3](https://forum.pinegrow.com/t/using-the-visual-style-editor-in-pinegrow-v3/1043)
**Author:** [@Rob](https://forum.pinegrow.com/u/Rob)\ **Replies:** 4\ **Last updated:** [August 11, 2017, 2:29am UTC](https://forum.pinegrow.com/t/using-the-visual-style-editor-in-pinegrow-v3/1043 "2017-08-11T02:29:27Z")
The correct way to use the Visual Styles Editor to add styles in my opinion is using this approach. Let’s start with a page using Bootstrap framework and add a row and then a column to the container. Select the cont… --- ## [Pinegrow 3 fonts how to use them?](https://forum.pinegrow.com/t/pinegrow-3-fonts-how-to-use-them/1100)
**Author:** [@Bennyboy](https://forum.pinegrow.com/u/Bennyboy)\ **Replies:** 0\ **Last updated:** [July 11, 2017, 8:58am UTC](https://forum.pinegrow.com/t/pinegrow-3-fonts-how-to-use-them/1100 "2017-07-11T08:58:40Z")
Hello, I am really struggling with the Pinegrow 3 Google fonts. I added a google font using the: Page\>\>Manage Google fonts I have then copied the font name but I just do not know where to paste this in the software. … --- ## [Animator Plugin - not working after a certain animation. -now fixed](https://forum.pinegrow.com/t/animator-plugin-not-working-after-a-certain-animation-now-fixed/1063)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [July 4, 2017, 10:27am UTC](https://forum.pinegrow.com/t/animator-plugin-not-working-after-a-certain-animation-now-fixed/1063 "2017-07-04T10:27:04Z")
Yes! my first code contribution :slight\_smile: I have... FIXED a plugin. the Animator plugin (NOT the pro) Broke around THIS part in the plugin 'rotateInDownLeft',name: 'rotateInDownLeft' }, //and they all go wrong fro… --- ## [PInegrow countdown: Matjaz: CSS interface](https://forum.pinegrow.com/t/pinegrow-countdown-matjaz-css-interface/914)
**Author:** [@TYCD](https://forum.pinegrow.com/u/TYCD)\ **Replies:** 5\ **Last updated:** [May 4, 2017, 8:58pm UTC](https://forum.pinegrow.com/t/pinegrow-countdown-matjaz-css-interface/914 "2017-05-04T20:58:12Z")
Does the new CSS interface support multiple breakpoints? See attached examples from Softpress Freeway: The popup at the bottom right is automatically populated with the breakpoints that have been set up in the document… --- ## [SWIMMING? - and why must a topic be 15 charecters long? thats baloney](https://forum.pinegrow.com/t/swimming-and-why-must-a-topic-be-15-charecters-long-thats-baloney/888)
**Author:** [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Replies:** 0\ **Last updated:** [April 25, 2017, 2:36pm UTC](https://forum.pinegrow.com/t/swimming-and-why-must-a-topic-be-15-charecters-long-thats-baloney/888 "2017-04-25T14:36:02Z")
Just saying :slight\_smile: from over on the cockatoos forum [Previous page](https://forum.pinegrow.com/c/styling/7.md?page=2) [Next page](https://forum.pinegrow.com/c/styling/7.md?page=4)