In Blocs it’s possible to set the zoom level of the main canvas from 100% down to 50%. This makes using Blocs on smaller screens easier as it allows you to get the full desktop appearance of your site fitted into a small window space. Setting The Zoom Level You can set the current zoom […]
All posts by norm
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 just drag a video file […]
Styling Nav Links With Custom Classes
At some point, you may wish to style the text links nested in the navigation bar using custom classes. Simply applying a custom class to the navigation list won’t allow you to style the links inside that list. In order to style the navigation links, we first need to give the parent navigation list a […]
Using Contact Forms With October CMS
When creating a theme for October CMS you may notice that forms will not post correctly once hosted. This is due to a restriction set by October CMS that prevents .php files being linked to within a theme. We are hoping to work on a more elegant solution for this in the future, but in […]
Accessing Global Swatches via the Class Manager
There are multiple ways to add colour to elements in Blocs, you can either use static colours which are applied via a custom CSSÂ class or you can use global swatches. When applying colours via a custom class you may notice that you are unable to directly access the colours you have stored as Global Swatches. […]
Breadcrumb Navigator
The Breadcrumb Navigator is a small section of the Blocs user interface that displays the DOM tree structure for the selected object and its parents. The items in this navigation list can be clicked in order to select other parent objects further up the DOM tree. The Breadcrumb Navigator is useful in situations when a […]
Text Heading Levels
If you don’t come from a web design background, you may find some of the terms and phrases used in Blocs confusing. A common point of confusion is surrounding text heading levels and why there are 6 different levels to choose from. The reason for this is simple, search engines such as Google use the […]
Subclass Reference Guide
Button Clean The class that is added to a button when the sidebar button style option Clean is applied. Button Glossy The class that is added to a button when the sidebar button style option Glossy is applied. Button Wire The class that is added to a button when the sidebar button style option Wire […]
Lazy Load
Blocs has a built in feature that is designed to help web pages load faster. This feature is called Lazy Load and is enabled on all new projects by default. How Does Lazy Load Work When a browser is loading a web page it has to load every single item on the page regardless of […]