Subscribe On YouTube

Join other subscribers and enjoy other Divi video tutorials!

How To Increase The Divi Blurb Content Width

Nelson Miller Profile Orange
In this tutorial I will show you how to change and increase the default max content width in the Divi Blurb module.

▶️ Please watch the video above to get all the exciting details! 👆

Change The Divi Blurb Content Width

Open up the Divi Blurb module settings and go to the Design tab. Then open the Sizing toggle, and you will notice the Content Width setting is set to a default value of 550px. This is odd. Why not make this 100% instead? Good idea!

default Divi Blurb content width

All you need to do is write 100% in the input field, and presto! The Blurb will now fill the entire width of its parent column or row.

how to change the Divi Blurb content width

Now, when the screen resizes, you won’t see the Blurb awkwardly max out on width. Of course, you could set it to any other value you want, but 100% makes a lot of sense to me and this is something I do on every site.

PRO TIP: Right-click on the Content Width setting and select Apply Style To Active Preset. This will update all the Blurbs (using the default preset) and set the default content width to 100% on all the Blurb modules on your site.

apply Divi Blurb content width style to active preset
Categories: Tutorials

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

3 Comments

Comments By Others

  1. Renelle

    I have a problem with a blurb with an icon. It looks fine with the icon on the left on desktop view, but in mobile view, the icon is centered and the text is not. How do I fix that?

    Reply
  2. Stacey

    Interestingly, I use the blurb module a lot, and my clients (frustratingly) like to have me insert LONG urls inside blurbs… the oddball preset often helps with the wrapping problems associated with long urls and narrow columns (without having to introduce white-space CSS into the blurb.) Weird, I know… and rather random (and most likely unintentional) but the flip side is content that produces a wrap that’s not outside the blurb container. Of course, I frequently end up changing the content width to 100% and introduce either word-break, word-wrap or some sort of white-space CSS — but if a user is unsure about this, sometimes the seemingly arbitrary preset does help with the problem. Just me two cents.

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart