Source: https://divicake.com/blog/align-the-divi-blurb-body-text-to-the-left/ [Blog](https://divicake.com/blog/)/[Tips & Tricks](https://divicake.com/category/tips-tricks/) # How To Align The Divi Blurb Body Text To The Left below The Icon/Image By Divi Cake·29 November 2023·Updated 29 November 2023·3 min read By default, Divi doesn't let you put the description text below the icon/image and the title. We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [Step 1. Let’s Begin: Configuring Your Divi Blurb](https://divicake.com#step-1-lets-begin-configuring-your-divi-blurb) - [Select Image Or Icon for the Blurb Module](https://divicake.com#select-image-or-icon-for-the-blurb-module) - [Select Left Placement](https://divicake.com#select-left-placement) - [Step 2: Give Your Divi Blurb a Style Boost: Add CSS Directly to the Module!](https://divicake.com#step-2-give-your-divi-blurb-a-style-boost-add-css-directly-to-the-module) - [CSS Code for Blurb Image](https://divicake.com#css-code-for-blurb-image) - [CSS Code for Blurb Title](https://divicake.com#css-code-for-blurb-title) - [CSS Code for Blurb Content](https://divicake.com#css-code-for-blurb-content) - [Step 3: Further Customization of Blurb Module](https://divicake.com#step-3-further-customization-of-blurb-module) - [Final Look of Blurb Module](https://divicake.com#final-look-of-blurb-module) - [Conclusion:](https://divicake.com#conclusion) [Divi](https://divicake.com/go/divi/) developers really like using the [Divi Blurb module](https://divicake.com/blog/how-to-rearrange-divi-blurb-module/) because it lets them put together images or icons, titles, and text. But there’s a little problem – by default, it doesn’t let you put the description text below the icon/image and the title, especially if you want the icon on the left of the title. In this tutorial, we’ll show you how to fix that and align the Divi Blurb body text to the left below the icon or image. Let’s get started and make your Divi design more flexible! ## Step 1. Let’s Begin: Configuring Your Divi Blurb Before we jump into the tutorial, let’s ensure the [Divi Blurb module](https://divicake.com/blog/replacing-divi-blurb-icon-with-font-awesome-icon/) is configured correctly. Note that this method works best with smaller icons or images to maintain a neat appearance. In our example, we’ll choose an icon with the default size. Now, let’s begin! ## Select Image Or Icon for the Blurb Module Open the [Image & Icon](https://divicake.com/blog/replacing-divi-blurb-icon-with-font-awesome-icon/) toggle. By default, the blurb uses an image, but you have the option to switch to Use Icon and pick any icon you like. It’s all about customization! Now, let’s walk through the steps. By default, the blurb uses an image, but you have the option to switch to Use Icon and pick any icon you like. Pick any icon ## Select Left Placement Head over to the Design tab and open up the Image & Icon toggle. Choose Image/Icon Placement and set it to Left. Open up the Image & Icon toggle, choose Image/Icon Placement and set it to Left. Left placement of the icon Read More: [How to Add Advanced Hover Effects to Divi’s Blurb Module Using Hover.css](https://divicake.com/go/how-to-add-advanced-hover-effects-to-divis-blurb-module-using-hover-css/) ## Step 2: Give Your Divi Blurb a Style Boost: Add CSS Directly to the Module! Instead of dealing with [custom CSS](https://divicake.com/blog/how-to-add-custom-css-to-divi/) and snippets, let’s take the easy route and add the code directly to your Divi Blurb module. It’s super simple, so no need to stress! We’ve got the code right here for you. Just copy and paste it into the Advanced tab under the Custom CSS toggle. We’ve even included a screenshot to make it crystal clear. Let’s get into the details! ### CSS Code for Blurb Image left: 50px; position: relative; ### CSS Code for Blurb Title left: 50px; position: relative; margin-top: 5px; ### CSS Code for Blurb Content min-width: calc(100% + 50px); left: -50px; Copy and paste the CSS code into the Advanced tab under the Custom CSS toggle Adding CSS code directly to your Divi Blurb ## Step 3: Further Customization of Blurb Module Remember, feel free to tweak the numbers, especially when adjusting the size of your image or icon. It’s a bit like a puzzle, so give it a go and make sure those numbers match up in all three code boxes. Enjoy experimenting! Quick note: We made the [Divi Blurb module](https://divicake.com/blog/how-to-increase-the-divi-blurb-content-width/) look cooler by adding some neat stuff. Added a bit of padding around it (5% on all sides), gave it a nice shadow, and changed the color of the icon. It’s these little things that make it stand out! ## Final Look of Blurb Module Now, take a look at a real-life example of a Blurb module after we’ve added the code: Your Divi Blurb shines with neatly left aligned text below the icon or image, offering a flexible design touch. Alignment of Divi Blurb Body Text To The Left below The Icon/Image ## Conclusion: Great job! Now, your [Divi Blurb](https://divicake.com/blog/how-to-rearrange-divi-blurb-module/) stands out with the text neatly aligned below the icon or image, adding a touch of flexibility to your design. By following the steps and tweaking the CSS directly, you’ve personalized your Blurb module. Remember, customization is in your hands. Whether it’s choosing an image or an icon, adjusting placements, or playing with the CSS, you’re the designer. Those small details like padding, shadows, and color changes make a big difference. Enjoy experimenting and let your creativity shine. The final look of your Blurb module is a testament to your unique style. If you found this tutorial helpful, share your thoughts in the comments. Happy designing! Read More: [7 Unique Ways to Add Hover Effects to Divi](https://divicake.com/blog/add-hover-effects-to-divi/) ## Written by Divi Cake Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week. - [About Divi Cake](https://divicake.com/about/) ## Get the Divi Cake newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi 5 migration](https://divicake.com/divi-4-to-divi-5-migration/) - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Tips & Tricks [ 5 Awesome Uses for Divi's Dynamic Content Tips & Tricks5 min read ### 5 Awesome Uses for Divi's Dynamic Content Five Divi layouts — travel, recipes, car rentals, clothing and product reviews — rebuilt as reusable templates with dynamic content. 29 October 2026](https://divicake.com/blog/divi-dynamic-content/) [ Customizing Divi for advanced WordPress development projects Blogging4 min read ### Customizing Divi for Advanced WordPress Development Projects Seven ways to take Divi past its stock settings on an advanced build: custom CSS and JavaScript, child themes, integrations, hooks and filters, and performance work. 11 October 2026](https://divicake.com/blog/customizing-divi/) [ Divi Condition Options Explained Tips & Tricks6 min read ### Divi Condition Options Explained How Divi condition options work: show or hide any section, row, column or module by post info, location, user, interaction, device or WooCommerce state. 3 October 2026](https://divicake.com/blog/a-look-at-the-new-divi-condition-options/)