Source: https://divicake.com/blog/how-to-rearrange-divi-blurb-module/ [Blog](https://divicake.com/blog/)/[Tips & Tricks](https://divicake.com/category/tips-tricks/) # How to Rearrange the Divi Blurb Module: Placing the Title Above the Image By Divi Cake·6 November 2023·Updated 30 March 2025·2 min read Elegantly move the title text above the image within the Divi Blurb Module We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [First Step: Adding a Custom CSS Class into the Divi Blurb Module](https://divicake.com#first-step-adding-a-custom-css-class-into-the-divi-blurb-module) - [2nd Step: Adding the JQuery Snippet](https://divicake.com#2nd-step-adding-the-jquery-snippet) - [Final Thoughts:](https://divicake.com#final-thoughts) The Divi Blurb module is undoubtedly a favorite among [Divi](https://divicake.com/go/divi/) users, thanks to its versatility and functionality. However, there’s a common challenge when it comes to customizing this module – the default structure places the “et_pb_main_blurb_image” and “et_pb_blurb_container” as sibling divs, making it a bit tricky to reorder content. But fear not, in this step-by-step tutorial, we are here to help you overcome this hurdle. We’ll guide you through a simple jQuery solution that will empower you to elegantly move the title text above the image within the [Divi Blurb module](https://divicake.com/go/how-to-add-advanced-hover-effects-to-divis-blurb-module-using-hover-css/). So, let’s dive right in and transform your Divi Blurb module to suit your design needs seamlessly. Read More: [17 Best Free Divi Plugins (Download Today)](https://divicake.com/blog/free-divi-plugins/) ## First Step: Adding a Custom CSS Class into the Divi Blurb Module Let’s start by placing the [Divi Blurb module](https://divicake.com/go/how-to-add-advanced-hover-effects-to-divis-blurb-module-using-hover-css/) into your layout and customizing it with your preferred image, title text, and body text. Once that’s set, we’ll move on to the exciting part - rearranging it! Step-by-step guide to customizing the Divi Blurb module using jQuery. Learn how to reposition the title text above the image for a tailored design. Default Divi Blurb Module Now, head over to the Blurb module settings and navigate to the ‘Advanced’ tab. Toggle open the ‘CSS ID & Classes’ section. Here, you’ll add a unique class called ‘move-blurb-title’ into the ‘CSS Class’ input field. This specific class will allow us to precisely target and style only this module using [CSS](https://divicake.com/blog/how-to-add-custom-css-to-divi/). Adding a custom CSS class to the Divi blurb module will allow you to precisely target and style only this module using CSS Adding a Custom CSS Class into the Divi Blurb Module Nobody wants a slow website. Boost your website’s speed by checking out our comprehensive blog on [Divi Speed Optimization](https://divicake.com/blog/divi-speed-optimization/) ## 2nd Step: Adding the JQuery Snippet Now, for the second step, it’s as straightforward as copying and pasting the jQuery snippet provided below into your website. What this piece of code does is quite simple yet powerful - it rearranges your [Blurb module](https://divicake.com/go/how-to-add-advanced-hover-effects-to-divis-blurb-module-using-hover-css/). Specifically, it takes the container holding your title text and moves it to the top, just before the image, creating a whole new look and feel for your module. [](https://drive.google.com/file/d/1gGL0jox26WMZQSJr-zRgH6O_Jc6pGmXi/view?usp=sharing) Note: Please click on the image to copy the jQuery code snippet Place this piece of code into your Divi > Theme Options > Integrations tab “Add code to the < head > of your blog” as shown in the picture below. jQuery code snippet rearranges Blurb module, moving title text to the top Adding jQuery code snippet Default Divi Blurb Module before moving the title to the top Customized Divi Blurb Module after placing the title text at the top Divi Blurb Module after moving the title to the top ## Final Thoughts: Customizing the Divi Blurb Module is just one way to make your website stand out, and with a little creativity and the right tools, you can achieve the design you’ve always envisioned. We would love to hear your thoughts on our guide about moving the [Divi Blurb Module](https://divicake.com/go/how-to-add-advanced-hover-effects-to-divis-blurb-module-using-hover-css/) title above the image. Please take a moment to share your feedback in the comments section below. If you’ve found value in this tutorial, consider subscribing to our updates, as we have some more exciting tutorials in the pipeline, just waiting to be shared with you! Read More: [Fixing Divi Bugs: Effective Solutions and Troubleshooting](https://divicake.com/blog/fixing-divi-bugs-solutions-and-troubleshooting/) ## 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/) ## 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 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/) ## 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 [ 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/) [ Divi 5 Video Autoplay (No Plugin): How to Autoplay Videos in the Divi Video Module Tips & Tricks6 min read ### Divi 5 Video Autoplay (No Plugin): How to Autoplay Videos in the Divi Video Module Set Divi 5 video autoplay with the built in Video module settings, muted playback, and loop options, no plugin or custom code needed for it to work on phones. 26 February 2026](https://divicake.com/blog/divi-5-video-autoplay-no-plugin/)