• 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 six different levels to choose from. Understanding heading levels Search engines such as Google…

  • 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…

  • 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…

  • Cache Issues

    The Problem When I uploaded my site to my server, it doesn’t display correctly, some of the styling changes or images are not showing the latest versions. Why This Happens This is caused by something called browser cache. Browser cache is a temporary storage location on your computer for files…

  • Multi Resolution Images

    Most mobile phones and a lot of modern computers now have high resolution (Retina) screens, this means they have a higher pixel density. If you want to make the images from your site look really sharp on both standard and high resolution screens, you will need to provide addition versions…

  • Tooltips

    On some occasions you may want to include additional information about an item on your website to help the user understand its purpose. Tooltips are great for this, a tooltip is a small label that will be shown when a user moves the mouse cursor over an item. In Blocs…

  • Icons

    There are five open source icon sets built in to Blocs, you can easily use any of them in your designs. The Icon Manager The Icon Manager lets you quickly and easily navigate through hundreds of pre-installed icons. The navigation within the Icon Manager has two distinctive markers that are…

  • 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 locate the Bloc layer in the…

  • Bloc Width

    All Bloc sections have a horizontal padding value of 50px, down the left and right side. This padding helps to frame the content within a Bloc ensuring it doesn’t get too close to the edge of the screen. However, there are times when you may want to have the content…

  • Out of sync menu

    The Problem My sites navigation doesn’t match the data in the primary menu when I view it via the Menu Manager? The Solution It sounds like your menu may be out of sync, it’s rare but it happens. To address the issue simply left click the refresh button located to…