Home/ Documentation/ How to Guides

How to Guides

Find short, step-by-step guides on how to accomplish common web development tasks in Pinegrow.

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.



Last updated on January 10, 2018 at 12:55 pm


Print this article