If you have an Adobe Fonts account, you can easily access your Adobe web fonts within the Blocs design environment using the project ID provided by Adobe. Locate Project ID When you create a web project via Adobe Fonts, your project will be assigned a unique project ID, this ID…
There are times when you may wish to exclude a page element from being included in a site when it is exported. Blocs has built in features to easily achieve this. Exclude Element From Export To exclude any element of a page, simply right click the element and from the…
The following tags can be used in custom Brics to add additional characteristics and functionality. Container The container tag lets you add a section within your custom Bric that other Brics can be placed within. Example: <bric_container></bric_container> PHP Snippet The PHP snippet tag is intended to be used as a…
The WordPress Custom Data Manager lets you create and manage custom post and field data types. To access the Custom Data Manager, navigate to Window > WordPress Custom Data Manager via the Main Menu. Select Data Type The drop down menu located at the top left of the Custom Data…
Writer Mode is designed to illuminate all of the interface elements found in Blocs that are not related to text editing, delivering a clean, distraction free, writing environment. If you are writing a Blog post or a lengthy piece of text on a web page, then Writer Mode will make…
Blocs is localised into English 🇬🇧, Dutch 🇳🇱, French 🇫🇷, German 🇩🇪, Italian 🇮🇹, Japanese 🇯🇵, Portuguese 🇵🇹 and Spanish 🇪🇸. The default language that Blocs will use for the user interface will automatically match the selected language for MacOS. Customize Language If you would like to use Blocs in…
How to Style the Scroll Button The scroll to top button that is enabled via Page Settings does not have a physical appearance within the Blocs design environment, however, it is still possible to customise the appearance of the button when it’s visible on a live website, using a subclass….
Blocs now supports multiple versions of the Bootstrap framework and also includes additional built in functionality to easily migrate a project to the latest version. How to migrate To migrate a project to Bootstrap 5, open the main Project Settings and set the framework dropdown to Bootstrap 5. The migration…
How to clip an image to text To clip an image to text, you will need to use a custom class. The steps below will guide you through the process. 1. Apply a custom class to the text element you wish to clip an image to and then open it…
You can find the full release notes for the current version of Blocs here.