# Tutorials

**URL:** https://forum.pinegrow.com/c/tutorials/41.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

---

## [Styling Pseudo-classes and Pseudo-elements in Pinegrow](https://forum.pinegrow.com/t/styling-pseudo-classes-and-pseudo-elements-in-pinegrow/4518)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 4\
**Last updated:** [September 10, 2020, 10:04pm UTC](https://forum.pinegrow.com/t/styling-pseudo-classes-and-pseudo-elements-in-pinegrow/4518 "2020-09-10T22:04:34Z")

</div>

Hi All, This tutorial is now available from https://docs.pinegrow.com/tutorials/styling-pseudo-classes-and-pseudo-elements-in-pinegrow/ EDIT: Video fixed Feel free to make comment or ask questions! Bob

---

## [Tutorial - Interactive image hotspots](https://forum.pinegrow.com/t/tutorial-interactive-image-hotspots/4444)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [August 13, 2020, 10:17pm UTC](https://forum.pinegrow.com/t/tutorial-interactive-image-hotspots/4444 "2020-08-13T22:17:40Z")

</div>

Another Interactions tutorial, created by @abirana and narrated by @RobM is published: Creating interactive image hotspots.

---

## [Styling your Bootstrap project with Bootswatch and SASS](https://forum.pinegrow.com/t/styling-your-bootstrap-project-with-bootswatch-and-sass/3995)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 6\
**Last updated:** [August 9, 2020, 4:25pm UTC](https://forum.pinegrow.com/t/styling-your-bootstrap-project-with-bootswatch-and-sass/3995 "2020-08-09T16:25:31Z")

</div>

This tutorial is now available from: https://pinegrow.com/tutorials/styling-your-bootstrap-project-with-bootswatch-and-sass/ Have questions or comments about this tutorial? Let’s talk about it!

---

## [Tutorial - Using Master pages in a multi-page project](https://forum.pinegrow.com/t/tutorial-using-master-pages-in-a-multi-page-project/4390)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 0\
**Last updated:** [July 30, 2020, 9:54am UTC](https://forum.pinegrow.com/t/tutorial-using-master-pages-in-a-multi-page-project/4390 "2020-07-30T09:54:13Z")

</div>

Hi All, New tutorial posted showing how Pinegrow Master pages can speed up your project build. Feel free to ask questions or for clarification. https://pinegrow.com/tutorials/using-master-pages-in-a-multi-page-project/ …

---

## [Fantico - Creating a landing page with TailwindCSS and Tailwind Visual Editor](https://forum.pinegrow.com/t/fantico-creating-a-landing-page-with-tailwindcss-and-tailwind-visual-editor/4388)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [July 29, 2020, 10:57pm UTC](https://forum.pinegrow.com/t/fantico-creating-a-landing-page-with-tailwindcss-and-tailwind-visual-editor/4388 "2020-07-29T22:57:52Z")

</div>

A step by step tutorial about building a landing page with TailwindCSS, created by @abirana and narrated by @RobM:

---

## [Question about Pinegrow Walkthrough – Video](https://forum.pinegrow.com/t/question-about-pinegrow-walkthrough-video/4347)

<div class="topic-metadata">

**Author:** [@frankdarwin](https://forum.pinegrow.com/u/frankdarwin)\
**Replies:** 3\
**Last updated:** [July 16, 2020, 3:33am UTC](https://forum.pinegrow.com/t/question-about-pinegrow-walkthrough-video/4347 "2020-07-16T03:33:53Z")

</div>

Hi, I have just installed Pinegrow and I am taking the first steps by watching the tutorial “Pinegrow Walkthrough - Video”. At timestamp 5:57 I try to add a navbar to my page. As explained in the video, I drag the navb…

---

## [Tutorial - Creating an animated accordion with Interactions](https://forum.pinegrow.com/t/tutorial-creating-an-animated-accordion-with-interactions/4350)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [July 16, 2020, 2:07am UTC](https://forum.pinegrow.com/t/tutorial-creating-an-animated-accordion-with-interactions/4350 "2020-07-16T02:07:11Z")

</div>

A step-by-step tutorial about creating an animated accordion component with Pinegrow Interactions:

---

## [Tutorial - Learn WordPress Development with the Pinegrow Starter Theme 2](https://forum.pinegrow.com/t/tutorial-learn-wordpress-development-with-the-pinegrow-starter-theme-2/4294)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 0\
**Last updated:** [July 1, 2020, 9:31am UTC](https://forum.pinegrow.com/t/tutorial-learn-wordpress-development-with-the-pinegrow-starter-theme-2/4294 "2020-07-01T09:31:15Z")

</div>

Every day, our support team receives a bunch of questions related to the creation of WordPress themes. So we thought it might be a wise idea to help out our customers by inviting them to try and explore the functioning o…

---

## [Tutorial - Creating an animated top menu with Interactions](https://forum.pinegrow.com/t/tutorial-creating-an-animated-top-menu-with-interactions/4290)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 0\
**Last updated:** [June 30, 2020, 11:38pm UTC](https://forum.pinegrow.com/t/tutorial-creating-an-animated-top-menu-with-interactions/4290 "2020-06-30T23:38:01Z")

</div>

A step-by-step tutorial about creating an animated website navigation menu with Pinegrow Interactions:

---

## [Tutorial - How-to add features and functionality to your WordPress theme by using code snippets?](https://forum.pinegrow.com/t/tutorial-how-to-add-features-and-functionality-to-your-wordpress-theme-by-using-code-snippets/4255)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 0\
**Last updated:** [June 19, 2020, 9:10am UTC](https://forum.pinegrow.com/t/tutorial-how-to-add-features-and-functionality-to-your-wordpress-theme-by-using-code-snippets/4255 "2020-06-19T09:10:17Z")

</div>

This tutorial is now available: Have questions or comments about this tutorial? Let’s talk about it!

---

## [Tutorial - Creating an animated loading screen](https://forum.pinegrow.com/t/tutorial-creating-an-animated-loading-screen/4243)

<div class="topic-metadata">

**Author:** [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Replies:** 4\
**Last updated:** [June 18, 2020, 1:51pm UTC](https://forum.pinegrow.com/t/tutorial-creating-an-animated-loading-screen/4243 "2020-06-18T13:51:24Z")

</div>

Here is the latest Pinegrow Interactions tutorial:

---

## [Tutorial - Discovering the Pinegrow Web Editor](https://forum.pinegrow.com/t/tutorial-discovering-the-pinegrow-web-editor/4202)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 3\
**Last updated:** [June 3, 2020, 8:33pm UTC](https://forum.pinegrow.com/t/tutorial-discovering-the-pinegrow-web-editor/4202 "2020-06-03T20:33:38Z")

</div>

Hi All, Feel free to start a discussion or ask a question about our tutorial! As always, try to keep the conversation fairly on target. Thanks, Bob

---

## [Using the iziModal library](https://forum.pinegrow.com/t/using-the-izimodal-library/4158)

<div class="topic-metadata">

**Author:** [@RobM](https://forum.pinegrow.com/u/RobM)\
**Replies:** 0\
**Last updated:** [May 21, 2020, 9:58am UTC](https://forum.pinegrow.com/t/using-the-izimodal-library/4158 "2020-05-21T09:58:15Z")

</div>

Hi All! The next tutorial in the using modals series is out. This time I’m showing how to use a lightweight JavaScript library for adding modals to non-Bootstrap 4 projects. Feel free to reach out with questions or…

---

## [How to host your HTML website on GitHub Pages for free](https://forum.pinegrow.com/t/how-to-host-your-html-website-on-github-pages-for-free/3937)

<div class="topic-metadata">

**Author:** [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Replies:** 0\
**Last updated:** [April 8, 2020, 8:04am UTC](https://forum.pinegrow.com/t/how-to-host-your-html-website-on-github-pages-for-free/3937 "2020-04-08T08:04:17Z")

</div>

Have questions or comments about this tutorial? Let’s talk about it.

[Previous page](https://forum.pinegrow.com/c/tutorials/41.md)
