tutorial
Pinegrow’s External Build Process for Tailwind CSS
In this video, Adam LOWE shows you how to install the latest version of Tailwind (3.2 as of 07-11-2022) and configure it to work with the Pinegrow external build...
Read more
Flex – Creating a Tailwind CSS Theme with Gutenberg Blocks and Pinegrow Interactions
A fun tutorial on converting a Tailwind CSS project into a WordPress theme based on Gutenberg blocks. As a bonus, we will use Pinegrow Interactions to create a slider block and a pricing...
Read more
Introduction
Converting a set of HTML pages to a WordPress theme is easy with the Pinegrow WordPress builder add-on. The first tutorial in this series will give an introduction and outline the first steps in turning the Bootstrap Agency template into a WordPress...
Read more
Getting Mr. Pine Cone ready for Pinegrow CMS
This is a legacy tutorial. Much of the design of the Pinegrow Web Editor has changed, but the majority of the functionality has not. Download the PDF and the code and give it a try! Here is a link to the GitHub repo so that you can follow along with...
Read more
Tutorial – The complete guide to customizing Tailwind CSS themes
A step by step tutorial to creating custom Tailwind CSS themes, including installing the tools and setting up the build...
Read more
Tutorial – Interactive image hotspots
A step-by-step tutorial about creating interactive image hotspots with Pinegrow...
Read more
Tutorial – Fantico – Creating a landing page with TailwindCSS and Tailwind Visual Editor
A step by step tutorial about building a landing page with TailwindCSS. Watch the...
Read more
Tutorial – Using Master pages in a multi-page project
Using a Master page in a Pinegrow project makes building quicker and keeps your design...
Read more
Tutorial – Creating a reusable navigation component in multi-page projects
A step by step guide to defining and using reusable navigation with Pinegrow...
Read more
Tutorial – Creating an animated accordion
A step-by-step tutorial about creating an animated accordion component with Pinegrow...
Read more
Tutorial – How-to add features and functionality to your WordPress theme by using code snippets?
Learn how to add custom PHP code to WordPress themes created with...
Read more
Tutorial – Learn WordPress Development with the Pinegrow Starter Theme 2
The WordPress Starter Theme 2 (ST2) is a framework for quickly developing your own custom WordPress...
Read more
Tutorial – Creating an animated revealing menu
A step-by-step tutorial about creating an animated website navigation menu with Pinegrow...
Read more
Tutorial – Creating an animated loading screen
A step-by-step tutorial about creating an animated loading screen with Pinegrow...
Read more
Tutorial – WildMusic landing page interactions
A step-by-step tutorial about adding web interactions to the WildMusic landing...
Read more
Tutorial – Working with Froala Blocks
A step-by-step guide on how to add Froala Blocks to Pinegrow library and use them to quickly build a great looking...
Read more
Tutorial – Using the iziModal library in your web project
Pinegrow makes adding a JavaScript library into our projects easy! Here is an example of using the “iziModal” library to add modals to a plain HTML...
Read more
Tutorial – Using CodePen components in Pinegrow projects
A step-by-step guide to using the resources on CodePen in your own Pinegrow Web Editor...
Read more
How-to use Material Design for Bootstrap (MDB) UI Kit with Pinegrow
Material Design for Bootstrap is a popular and highly customized version of Bootstrap 4 with 500+ material UI elements, 600+ material icons, 77+ CSS animations, 9+ useful plugins, SASS source files, templates, tutorials and many more. As you will...
Read more
Tutorial – Adding multiple levels of submenus to a Bootstrap 4 navigation bar in your WordPress theme
One of the Bootstrap 4 most wanted feature can now be available within your WordPress...
Read more
Tutorial – Adding web interactions to Booklers landing page
A step by step tutorial on adding web interactions and animations to a simple landing...
Read more
Tutorial – How to host your HTML website on GitHub Pages for free
GitHub is a great place for hosting your HTML websites. It’s free and you can even use your own domain...
Read more
Tutorial – Working with Bootstrap modals
Learn how to easily and quickly add modals to your Bootstrap...
Read more
Styling your Bootstrap project with Bootswatch and SASS
A quick introduction to using the Bootswatch free Bootstrap themes and Sass to make your web page look...
Read more
Introducing the New WordPress Smart Actions – with Pine Adventures Tutorial
Pinegrow 4.6 comes with a set of new Smart Actions for WordPress that make creating WordPress themes with Pinegrow even...
Read more
CSS/SASS path issue when using Background image attribute
Since we have received numerous messages about this issue - that we plan to adress shortly in a future version of Pinegrow - here is a quick explanation about the situation and a quick temporary...
Read more