# Creating Own Blocks

**URL:** <https://forum.pinegrow.com/t/creating-own-blocks/1385>\
**Category:** Blocks\
**Created:** [November 26, 2017, 5:02am UTC](https://forum.pinegrow.com/t/creating-own-blocks/1385 "2017-11-26T05:02:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bradshaw](https://avatars.discourse-cdn.com/v4/letter/b/9de0a6/32.png) [@bradshaw](https://forum.pinegrow.com/u/bradshaw)\
**Post date:** [November 26, 2017, 5:02am UTC](https://forum.pinegrow.com/t/creating-own-blocks/1385/1 "2017-11-26T05:02:48Z")

</div>

I’ve watched the Create Blocks videos but I’m still not having a lot of success creating my on kit.

I have a common BS theme I typically use to start projects. I’d like to take this theme and break it up into sections and components that I can then pull in to create pages/templates.

So my first 2 questions:

1. I check the ‘use photo only for preview’ but I’m not sure how to actually take the photo and have it appear on hover.

2. When I pull the component into a new part of the page, not all styling goes with it (images). I’m not sure what step I’m missing.

I really seem to need a very detailed walk-through on creating my own blocks as the current instructions are either missing steps or I else I just don’t get it.

Thanks.

Aaron

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [November 27, 2017, 7:20am UTC](https://forum.pinegrow.com/t/creating-own-blocks/1385/2 "2017-11-27T07:20:01Z")

</div>

Have a look at this part of the documentation:

> **[Build your own Blocks - Pinegrow Web Editor - Documentation and Tutorials](http://docsbeta.pinegrow.com/build-your-own-blocks/#resources)**
>
> Everybody loves blocks! The idea of having a set of reusable website sections is very appealing. And for a good reason - most websites and web apps share a lot of similar elements: navigation menus, headers, services, portfolios, and so on. So why...

---

<div class="post-metadata">

**Author:** ![DanO](https://avatars.discourse-cdn.com/v4/letter/d/e0b2c6/32.png) [@DanO](https://forum.pinegrow.com/u/DanO)\
**Post date:** [March 20, 2018, 1:10am UTC](https://forum.pinegrow.com/t/creating-own-blocks/1385/3 "2018-03-20T01:10:35Z")

</div>

I know this reply is rather late, but best practice is download the Pinegrow example at the beginning of the tutorial and follow it step by step instead of working with an existing website you have.

I think the creator of Pinegrow is brilliant. Having worked with ASP and PHP include files and libraries in Dreamweaver and other programs, this program is second to none once you understand how to build the sections, blocks and then the master page.

I know of no other program like Pinegrow that lets you build these with ease and gives you a WYSIWYG along with the tree and visual to do so. The videos within the tutorial are extensive and the main thread throughout is using consistent “best practices.” Well done and well worth the time to put in going through the tutorial.

---

<div class="post-metadata">

**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\
**Post date:** [April 10, 2018, 3:29pm UTC](https://forum.pinegrow.com/t/creating-own-blocks/1385/4 "2018-04-10T15:29:16Z")

</div>

Pinegrow in a brilliant piece of software, but I find the documentation to be lacking. There is a mixture of old and new documentation on their website, much of which only makes sense if you’re using an older (pre-version 4.0) version of the program, but not if you’re using the latest program.

Releasing software, no matter how brilliant, without thorough, CURRENT documentation for everything is very frustrating.