Code by Day | Explore By Weekend

How To Increase The Height Of The Divi Builder Icon Picker Area Tutorial by Pee Aye Creative

How To Increase The Height Of The Divi Builder Icon Picker Area

In this Divi tutorial I will give you a CSS snippet to increase the height of the Divi blurb and button icon picker area to make it easer to select an icon.

When you are trying to be efficient in your website design, it can be frustrating when things that should be simple are not. One of those things that can be improved quickly in Divi is the icon picker field. By default, it is not easy to scroll and find what you need because of how short it is.

increase height of Divi Builder icon picker area

You can actually change a lot of things in the Divi Builder UI with CSS. You just need to sort through the code and you can find it relatively easily if you know how to use the browser inspect too. The snippet below is all you need to make the icon picker areas taller in your Divi Builder.

If you are using our free Divi child theme, place this snippet into the style.css file. Otherwise, place this in your Divi>Theme Options>Custom CSS code box. If you need help, check out our complete guide on Where To Add Custom Code In Divi.

/*increase the height of the Divi icon picker area*/
.et-db #et-boc .et-l .et-fb-font-icon-list {
  min-height: 400px!important;
}

And just like that, you can enjoy this tiny improvement! You can change the 400px to anything else you want, but I thought that was a pretty good place to start.

increase the height of the Divi Blurb icon picker area
2
Last updated Jan 3, 2021 @ 12:45 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Recent Posts

Leave A Response!

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Join over 4,700 others and subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart