I think you may not have fully understood the basics of building a site in BlocsApp. The page comprises of two basic elements - blocs and brics. A bloc is added to a page by clicking in the empty global area of the page. Doing this will display a set of thumbnails of pre-made blocks. Selecting one will add that bloc to the page and allow you to edit it’s content (if it has any) See image below.
If you select a simple full width block with no content, you can add items to it to create your own bloc style. You add content to the bloc by adding brics. A bric will automatically size to the width of the column you add it to. So, if you don’t want your content full width, you would use one of the multi column blocs and then add your brics to the columns. In the screenshot below, I’ve added a three column bloc to the page. Each column shows the word empty because no content items have been added.
If I now choose a list bric and add it to the first column, I will get a pre-made list item comprising of three lines. Each of the lines are just content areas and will initially show as empty (just like the columns in a bloc). Here is how it looks:
If you want more items in the list, just select the list item and change the number of items in the sidebar.
Once your list bric is placed, you can now add content to the empty spaces. In most cases the content will be a simple text or heading bric. Simply select the bric and then click in each empty space like so:
Note: when you hover over a content area when you’ve selected a bric, it turns blue. This indicates that you are about to place content into that content area.
As you add content, the word empty LI is replaced with the content bric - in the example above, a heading bric was placed in the first two empty lines. You can now edit the text by selecting it.
The only thing you must remember is that if you click more than once in any content area, you will add additional brics. To avoid this, once a bric is placed, hit the esc key on your keyboard.
The spacing of objects within blocs and brics is set at an optimal value by default. This ensures that the content is easily viewed and optimally spaced for all devices. However, you can change any of the spacing options by adding a custom class and increasing/decreasing margins and padding.