The Project Settings can be used to customise various aspects of your Blocs project. These options typically effect the entire website. Accessing the Project Settings You can access the Project Settings via the Master Menu, located to the left of the breakpoint control or with the keyboard shortcut ⌘+,. General Settings…
A Breakpoint is a term used in responsive web design. When viewing your website on various devices it is important the content is set out correctly to provide the best possible viewing experience for your visitors. Breakpoints ensure a websites content will respond to the size of the screen from…
In Blocs it’s possible to set the visibility of any item so that it can be hidden or visible on the various breakpoints available within Blocs. This is exceptionally useful if you want to give your visitors a different visual experience depending on the screen size of the device they…
Websites built with Blocs use the Bootstrap framework, when a site that uses Bootstrap is viewed on a mobile device, the standard navigation links become a toggle menu that is accessed via a button, this is normal behaviour as it improves the mobile user experience. Changing the Toggle Menu Style…
Websites built with Blocs use the Bootstrap framework. When a site that uses Bootstrap is viewed on a mobile device, the standard navigation links become a toggle menu that is accessed via a button, this is normal behaviour as it improves the mobile user experience. Changing the Toggle Symbol Bootstrap…
If you are building a site that will be in Arabic or another language that requires the text to be formatted so it reads from right to left, you will need to switch on RTL within your project so the text formats correctly. Enabling RTL To enable RTL within a…
Freehand is an underlying technology build into the core of Blocs, it delivers a more visual way to size and position elements on the design canvas. When freehand controls are used to edit elements, custom classes are automatically written in real-time that contain the relevant values based on the type…
Web pages in Blocs are broken up into 3 areas. The top global area, the dynamic content area and the bottom global area.These areas are divided with blue lines on the design canvas, please note the red arrows on the image below. The Global Areas Global areas are content sections…
One of the most powerful features in Blocs is the ability to use custom classes within your projects. If you come from a graphic design background, think of custom classes as layer styles you can assign to any item in Blocs to give it a specific look and feel. The…
Blocs comes with an array of page settings to help you fine tune the important details of each page in your project. Accessing Page Settings You can access the page settings for the current active page via the master menu, located to the left of the breakpoint control or with…