--- title: How do I add a Text and Image Block? description: Go to Block, Add, Text & Image. Once this has been selected, the Text & Image block editor will appear. The text editor is similar to your Text Block. --- [Skip to content](https://resources.symphonycommerce.io/knowledge-base/how-do-i-add-a-text-and-image-block#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) # How do I add a Text and Image Block? ### The Text and Image Block allows you to combine text over images.  To add a Text & Image block, go to Block \> Add \> Text & Image. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-17-31-4444-AM.png?width=688&height=393&name=image-png-Apr-15-2024-10-17-31-4444-AM.png) Once this has been selected, the Text & Image block editor will appear. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-17-55-6637-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-17-55-6637-AM.png) ### Text Tab The text editor is similar to your Text Block. To change the text alignment, use the tiles within the grid in the lower left hand corner. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-18-26-1672-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-18-26-1672-AM.png) To change the width and padding, use the sliders in the Text tab. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-21-12-8125-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-21-12-8125-AM.png) To change the text box background, use the colour picker below the editor. You can also change the opacity of the background. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-23-15-5673-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-23-15-5673-AM.png) ### Image Tab To apply an image, go to the Image tab and click on 'Select Image'. Your Image Library will appear. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-24-15-4187-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-24-15-4187-AM.png) To change the image alignment, click on the tiles within the grid. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-26-13-7646-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-26-13-7646-AM.png) To change the image background colour, go to the colour picker. You can also change the opacity. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-27-51-7997-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-27-51-7997-AM.png) ### Settings Tab Click on the Settings tab to find the height adjustment, linking to a page, mobile text reduction and more. To change the height of the banner, you can adjust it here. ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-28-58-4366-AM.png?width=688&height=338&name=image-png-Apr-15-2024-10-28-58-4366-AM.png) Click on Save and you're good to go! ![](https://resources.symphonycommerce.io/hs-fs/hubfs/image-png-Apr-15-2024-10-30-00-9129-AM.png?width=688&height=297&name=image-png-Apr-15-2024-10-30-00-9129-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