In Blocs it’s possible to set the visibility of any item so that it can be hidden or visible on Desktop, Tablet and Mobile. This is exceptionally useful if you want to give your visitors a different visual experience depending on the device they are using when they view your website. A good example would […]
Category: Design
Global Swatches
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. The benefit of using a global swatch is, if a global swatches colour value is updated at some point in the future, all Blocs and […]
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 placeholder. To change any image […]
Interactions
Blocs comes with many different interaction types which are available to use with user interface elements such as buttons and links. Assigning an Interaction You can assign interactions to links, buttons, icons and images. To assign an interaction simply select the Bric on the main page canvas, then from the options sidebar selection the type […]
Create a Text Link
As well as adding links to your project using the link Bric, you can also turn areas of text such as Headers and Paragraphs into links. To create a link from some text, first select the text by moving the mouse pointer over it and Left Clicking it. Now the text is selected, Left Click […]
Editing Text
To edit the contents of a text Bric such as a paragraph or header, simply move the mouse cursor over the item you wish to edit and Left Click to select it. The text Bric will now display the blue active object marker. If you give the text item a second click you will see […]
Basic Text Formatting
As well as the sidebar and custom class options for formatting text, Blocs also has some basic text formatting options included on the item selection marker, that is shown when you select a text bric. These options allow you to make text Bold, Italic, Underlined or appear with a Strikethrough. They also allow you to […]
Background Textures
Blocs is capable of adding additional texture overlays to backgrounds. This makes it possible to quickly add visual styles to your Bloc backgrounds to create effects such as creased paper or fabric. Adding a Texture To add a texture to a Bloc background, simply Left Click on any area of the Bloc that does not […]
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 […]