--- title: The BlockLab Tabs description: The BlockLab toolbar allows you to edit your pages and customise the design. Each covers a different aspect of your website’s design and structure --- [Skip to content](https://resources.symphonycommerce.io/knowledge-base/the-blocklab-tabs#main-content) [File a Ticket](https://resources.symphonycommerce.io/knowledge-base/kb-tickets/new?hsLang=en) [Go to Customer Portal](https://clienthub.symphonycommerce.io/tickets-view?hsLang=en) [![symphony-commerce-logo-mark-white-rgb-1500px-w-350ppi](https://resources.symphonycommerce.io/hs-fs/hubfs/Design/Logo/symphony-commerce-logo-mark-white-rgb-1500px-w-350ppi.png?width=40&height=40&name=symphony-commerce-logo-mark-white-rgb-1500px-w-350ppi.png)](https://resources.symphonycommerce.io/knowledge-base?hsLang=en) - [WHY SYMPHONY?](https://www.symphonycommerce.io/pages/why-shopblocks) Show submenu for WHY SYMPHONY? - [EXCLUSIVELY B2B ECOMMERCE](https://www.symphonycommerce.io/pages/why-shopblocks#exclusivelyB2B) - [LIMITLESS INTEGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#ftv) - [FASTEST TIME TO VALUE](https://www.symphonycommerce.io/pages/why-shopblocks#limitlessIntegration) - [SEAMLESS MIGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#seamlessMigration) - [CUSTOMER SUCCESS](https://www.symphonycommerce.io/pages/customer-success) Show submenu for CUSTOMER SUCCESS - [CASE STUDIES](https://www.symphonycommerce.io/pages/case-studies) - [FEATURES](https://www.symphonycommerce.io/pages/features-in-focus) Show submenu for FEATURES - [NEXUS – WHITE LABEL STOREFRONT PLATFORM](https://www.symphonycommerce.io/pages/nexus) - [INTEGRATIONS](https://www.symphonycommerce.io/pages/api-integrations-to-power-up-your-ecommerce) - [FORTIS – SMARTER DISCOUNTS FOR BIGGER B2B DEALS](https://www.symphonycommerce.io/pages/fortis) - [SYMPHONY PAY – TRUSTED PAYMENT OPTIONS FOR MODERN B2B COMMERCE](https://www.symphonycommerce.io/pages/symphony-pay) - [PRICING](https://www.symphonycommerce.io/pages/pricing) - [PARTNERSHIPS](https://www.symphonycommerce.io/pages/ensemble) - [INSIGHTS HUB](https://resources.symphonycommerce.io/blog) Open main navigation Close main navigation - [WHY SYMPHONY?](https://www.symphonycommerce.io/pages/why-shopblocks) Show submenu for WHY SYMPHONY? - [EXCLUSIVELY B2B ECOMMERCE](https://www.symphonycommerce.io/pages/why-shopblocks#exclusivelyB2B) - [LIMITLESS INTEGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#ftv) - [FASTEST TIME TO VALUE](https://www.symphonycommerce.io/pages/why-shopblocks#limitlessIntegration) - [SEAMLESS MIGRATION](https://www.symphonycommerce.io/pages/why-shopblocks#seamlessMigration) - [CUSTOMER SUCCESS](https://www.symphonycommerce.io/pages/customer-success) Show submenu for CUSTOMER SUCCESS - [CASE STUDIES](https://www.symphonycommerce.io/pages/case-studies) - [FEATURES](https://www.symphonycommerce.io/pages/features-in-focus) Show submenu for FEATURES - [NEXUS – WHITE LABEL STOREFRONT PLATFORM](https://www.symphonycommerce.io/pages/nexus) - [INTEGRATIONS](https://www.symphonycommerce.io/pages/api-integrations-to-power-up-your-ecommerce) - [FORTIS – SMARTER DISCOUNTS FOR BIGGER B2B DEALS](https://www.symphonycommerce.io/pages/fortis) - [SYMPHONY PAY – TRUSTED PAYMENT OPTIONS FOR MODERN B2B COMMERCE](https://www.symphonycommerce.io/pages/symphony-pay) - [PRICING](https://www.symphonycommerce.io/pages/pricing) - [PARTNERSHIPS](https://www.symphonycommerce.io/pages/ensemble) - [INSIGHTS HUB](https://resources.symphonycommerce.io/blog) - [File a Ticket](https://resources.symphonycommerce.io/knowledge-base/kb-tickets/new) - [Go to Customer Portal](https://clienthub.symphonycommerce.io/tickets-view) - [VISIT OUR WEBSITE](https://www.symphonycommerce.io/) [VISIT OUR WEBSITE](https://www.symphonycommerce.io/) How can we help you? - There are no suggestions because the search field is empty. 1. [Symphony Knowledge Base](https://resources.symphonycommerce.io/knowledge-base?hsLang=en) 2. [BlockLab](https://resources.symphonycommerce.io/knowledge-base/blocklab?hsLang=en) # The BlockLab Tabs ## The BlockLab toolbar allows you to edit your pages and customise the design. With seven tabs available, each covers a different aspect of your website’s design and structure: Branding, Blocks, Rows, Layout, Text, Image, Special and Options. ### Branding Set your website logo, global fonts, site design (brand colours, background image), and button style. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-09-04-28-9248-AM.png?width=688&height=41&name=image-png-Apr-15-2024-09-04-28-9248-AM.png) #### Blocks For adding new blocks onto the page. When a block is selected on the page, you can move it around, change its size, modify the background colours, assign a border, and set the padding and margin of each block. You can also decide whether or not each block displays on certain devices (desktop, tablet or mobile). This is used to make the site 100% responsive on all screen sizes, working towards a higher Google ranking. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-09-06-25-3430-AM.png?width=688&height=41&name=image-png-Apr-15-2024-09-06-25-3430-AM.png) #### Rows A row is a horizontal container that can hold multiple content blocks.  Rows are used to structure the layout of a page. They help in dividing the page into sections, each of which can contain multiple blocks arranged side by side. Rows can be styled with custom backgrounds, padding, margins, and other CSS properties to fit the design requirements. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png.png?width=688&height=41&name=image-png.png) #### Text Change the text style, font, size, decoration, alignment and colour of the selected block. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-09-05-03-9005-AM.png?width=688&height=41&name=image-png-Apr-15-2024-09-05-03-9005-AM.png) #### Image Modify an image's spacing, rounding corners, full-width, alignment, edit, link and change which image displays. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-09-05-17-7562-AM.png?width=688&height=41&name=image-png-Apr-15-2024-09-05-17-7562-AM.png) #### Options Modify your BlockLab settings, view your shop through different screen size previews, and select a product to base your page around. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-09-05-28-2564-AM.png?width=688&height=41&name=image-png-Apr-15-2024-09-05-28-2564-AM.png)   - [Getting started](https://resources.symphonycommerce.io/knowledge-base/getting-started?hsLang=en) - [Settings](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#main-content) - [Payment Methods](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#payment-methods) - [Redirects](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#redirects) - [Deliveries](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#deliveries) - [Notifications And Emails](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#notifications-and-emails) - [Users](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#users) - [Site Settings](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#site-settings) - [Varnish Cache](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#varnish-cache) - [Tracking, SEO And Javascript](https://resources.symphonycommerce.io/knowledge-base/settings?hsLang=en#tracking-seo-and-javascript) - [Reports](https://resources.symphonycommerce.io/knowledge-base/reports?hsLang=en) - [BlockLab](https://resources.symphonycommerce.io/knowledge-base/blocklab?hsLang=en) - [Content](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#main-content) - [Pages](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#pages) - [Menus](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#menus) - [Strings](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#strings) - [Blogs / News](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#blogs-news) - [Snippets](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#snippets) - [Forms](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#forms) - [Downloads](https://resources.symphonycommerce.io/knowledge-base/content?hsLang=en#downloads) - [Products](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#main-content) - [Groups](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#groups) - [Categories](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#categories) - [Brands](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#brands) - [Reviews](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#reviews) - [Products](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#products) - [Stock](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#stock) - [Catalogues](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#catalogues) - [Customisations](https://resources.symphonycommerce.io/knowledge-base/products?hsLang=en#customisations) - [Discounts](https://resources.symphonycommerce.io/knowledge-base/discounts?hsLang=en#main-content) - [Discounts Fortis](https://resources.symphonycommerce.io/knowledge-base/discounts?hsLang=en#discounts-fortis) - [Plugins](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#main-content) - [Google Shopping Feed](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#google-shopping-feed) - [One-Time Passcode](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#one-time-passcode) - [Out Of Stock Notify](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#out-of-stock-notify) - [Auto Tags](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#auto-tags) - [Compare Products](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#compare-products) - [Business Customers](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#business-customers) - [Stickers](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#stickers) - [Custom Fields](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#custom-fields) - [B2B Sales](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#b2b-sales) - [Auto Checkout](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#auto-checkout) - [Tempus](https://resources.symphonycommerce.io/knowledge-base/plugins?hsLang=en#tempus) - [Orders](https://resources.symphonycommerce.io/knowledge-base/orders?hsLang=en#main-content) - [Returns](https://resources.symphonycommerce.io/knowledge-base/orders?hsLang=en#returns) - [Customers](https://resources.symphonycommerce.io/knowledge-base/customers?hsLang=en) - [My Account](https://resources.symphonycommerce.io/knowledge-base/my-account?hsLang=en) - [Marketing](https://resources.symphonycommerce.io/knowledge-base/marketing?hsLang=en#main-content) - [Merchandising](https://resources.symphonycommerce.io/knowledge-base/marketing?hsLang=en#merchandising) - [Email](https://resources.symphonycommerce.io/knowledge-base/marketing?hsLang=en#email) [![symphony-commerce\_logo-mark](https://resources.symphonycommerce.io/hubfs/logo-mark-symphony-commerce-black-ergb.svg "symphony-commerce_logo-mark")](http://www.symphonycommerce.io) 1 St Peter's Square  Stockport, SK1 1NZ [support@symphonycommerce.io](mailto:support@symphonycommerce.io) [(+44)161 399 7467](tel:01613997467) Copyright © 2026, Symphony Commerce