Blocs enables you to easily integrate a contact form into your website using the form Bric, which can be found in the Bric Bar. Form Set Up To begin setting up a form, first select the main form container. The easiest way to find the form container is by selecting…
The audio player Bric lets you add a basic HTML 5 audio player to your site that can be used to play MP3 audio files. Adding an audio track To set the audio track of an audio player, first open the Asset Manager and add an MP3 audio file using…
The Tabbed Content Bric provides a content area that has its content controlled by navigation tabs. Unlike most other Brics found within Blocs, the tabbed content Bric is made up of two separate parts, a List Bric and a Div Bric. Both elements that make up the tabbed content Bric…
There are times when you may wish to make a Bric semi transparent. Blocs allows you to do this either via the Class Editor or by simply hitting the number keys 1 to 0 on your keyboard. Editing Values When opacity values are applied via the number keys on your…
The Problem I migrated my Blocs V2 project to Blocs v3 and now the text on my site looks too big. The Reason After you migrate a Blocs V2 project to V3 you may notice the text looks bigger. This is because Bootstrap 4 now uses larger font sizes across…
One of the biggest differences in Blocs V5 compared to Blocs V2 is the fact Blocs no longer creates websites using Bootstrap 3 and instead uses the new and improved Bootstrap 4 framework. Migration Tool Projects created in Blocs V2 use the Bootstrap 3 framework which is obviously not ideal,…
The Bloc Bar is a popover menu that lets you quickly and intuitively add additional pre-made sections (Blocks) to a page. It works similar to the Bric Bar, but rather than add Brics, the Bloc Bar adds larger pre-made layout sections. Access the Bloc Bar By default the Bloc Bar…
If you are integrating 3rd party code or resources into your Blocs site there are times when you may need to add additional data attributes to certain elements within a page. The custom data attribute controls in Blocs make this a very simple and easy process. What are custom data…
Short codes are small text snippets that can be entered into any page via the code widget or the various text Brics that come with Blocs. When a project is exported, these codes are replaced with common project variables such as the page name, title or base url. Short codes…
Blocs comes with various animation features, however, Scroll FX are probably the most captivating as they allow you to animate objects on screen and have those animations synced with the scrolling of a page, this style of animation effect is commonly referred to as parallax. Applying Scroll FX Applying parallax…