Find short, step-by-step guides on how to accomplish common web development tasks in Pinegrow.
How to Guides
Add elements to the page
Let’s take a look at how you can add new HTML elements to the page.
Add stylesheet or script to the page
Need to add a CSS stylesheet or Javascript file to the page? Just drag it from the Project panel.
Duplicating existing elements
Sometimes the easiest way to add more elements to the page is duplicating (making copies) of existing elements on the page.
Delete elements
Let’s take a look at how you can delete HTML elements from the page.
Add or Remove classes from elements
Let’s take a look at how you can add and remove classes (for example .my-class) from elements on the page.
Remove the tag (span, div…) around the element
How to remove the tag while keeping its content.
Change the code editor theme
How to change the code editor theme to match the selected workspace theme.
Arrange panels vertically to minimize neck rotation
How to adjust the workspace layout to your ergonomic needs.
Make page information meta elements editable in Master pages
How to make master page name, description and other meta elements editable on child pages.