Custom Button Styling in Divi Overlays

Custom button styles not shown? This quick tip will help you fix that!

FAQ: “Why is my custom button styling not showing inside Divi Overlays?”

 

Due to a recent Divi update, you’ll need to turn on the feature “Output Styles Inline” in order for custom button styles to be shown correctly in Divi Overlays.

To do this, simply navigate to Divi Theme Options > Builder, and click the button to Enable the option for “Output Styles Inline.”

You settings should look like the following image. Be sure to click the Save button too!

 

We are working on a more permanent solution to allow button styling to show in Divi Overlays without having to turn on this setting. However, turning on the inline styling will not have any negative on your site such as slowing it down, etc. We’ve tested this throughly 🙂

<style><!-- [et_pb_line_break_holder] -->#menu-item-24736 a { border-bottom: 3px solid #2ea3f2; padding-bottom: 8px; } #menu-item-26033 a { border-bottom: 3px solid #2ea3f2; padding-bottom: 4px; }<!-- [et_pb_line_break_holder] --></style>