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

  • Using Solis With Blocs

    Solis enables you to preview your site, as you create it, on multiple screen sizes. It’s great for checking the responsive characteristics of your site. You can find out more about Solis here. Connecting Solis With Blocs The process of connecting Solis with Blocs is very simple. First open the…

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