• Custom Bric Structure

    Introduction Custom Brics require a specific directory structure in order to work and compile correctly. Directories Within a custom Bric there should be 4 directories. assets – The assets directory is used to store the Bric library and drop cursor artwork files for a custom Bric. The Bric library icon…

  • Compiling Custom Brics

    The Bric Builder makes it’s possible to compile and export custom Brics into an installable .bex file. This is useful for sharing the custom Brics you create with other Blocs users. How to compile a custom Bric To compile a custom Bric, click the export button found in the top…

  • Custom Bric Helper Classes

    The following helper classes can be used in custom Brics to do miscellaneous tasks, such as hiding content from certain view modes within the Blocs design environment. Helper Classes .display-in-blocs-edit-mode-only – Bric content with this class applied will show in edit mode only, it will be hidden in all preview…

  • Font Manager

    The Blocs Font Manager lets you install local web fonts such as .woff, .woff2 and .ttf as well as any of the fonts from the Google web font library, including all available subsets such as Cyrillic, Arab and Greek. Open Font Manager To access the Font Manager, simply use the…

  • Video Backgrounds

    Using video backgrounds in web design can be extremely impactful, especially when they are used in conjunction with the hero (the top) area of a website. Adding Video Backgrounds In Blocs there are a number of ways to add a video background to a bloc, the easiest way is to…

  • Styling Nav Links

    The easiest way to style the text links found within the navigation menu is with the typography options found in the Project Settings. Styling Nav Links With a Class At some point, you may wish to style the text links nested in the navigation bar using custom classes. Simply applying…

  • Create A Page Template

    Although Blocs gives you the freedom to design a web page from scratch, there are times when you may wish to start from a pre-made page template. Blocs has some powerful templating features that allow you to easily store and export the pages you create within Blocs as templates. Add…

  • Images

    Images can be added to your project in two ways. Import to library or dragging images into the Blocs application. Changing Images When you place an image Bric into your design or use one of the pre-made Blocs that contains an image, the image will be set to a basic…

  • Cushy CMS

    Cushy CMS is a very simple and straight forward Content Management System, it lets you set pre-defined areas on web pages that can later be edited once they are hosted and live. Cushy CMS requires that you have an account with them in order to login to their service and…

  • Text Data Source

    In Blocs you have the option to feed certain data values into text Brics. A good example of using a text data source effectively would be when adding a page title to your page content. If a text Bric has its data source set to the current page name, when…