• heading-banner
  • <blurb module>

Add this class to Blurb Module Settings > Advanced tab > CSS ID & Classes > CSS Class

Toggle between a color heading banner and a white heading banner by changing the text color at Module Settings > Design Tab > Text > Text Color.

You will also need to edit the blurb title color.

heading-banner bottom-corners-shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

heading-banner (light text)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

heading-banner (dark text)

This blurb has a gradient background, and there’s a 5px padding on the top and bottom.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

heading-banner (dark text)

This blurb has a background image, there’s a 5px padding on the top and bottom, and the blurb title line height has been increased.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • circle-blurb
  • <blurb module>

Add this class to Blurb Module Settings > Advanced tab > CSS ID & Classes > CSS Class

As you see, we’ve also included two other classes to this element: hover-grow to enlarge the element on hover, and round-bevel to give the element a 3D effect.

  • event-box
  • <testimonial module>

Add this class to Testimonial Module Settings > Advanced tab > CSS ID & Classes > CSS Class

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Facilitated by John Doe

27 MAR, This is the Event Title

**Important: Make sure you put the description in <p></p> tags. Otherwise it won’t be displayed correctly.

  • Module Styles

These work best on text modules, call to actions, testimonials, and other modules. Make sure the background color of the element is not transparent at all.

bottom-left-shadow

bottom-corners-shadow

bottom-right-shadow

vertical-bend-shadow

horizontal-bend-shadow

round-bevel

inset-bevel

frame-border

fractal

  • Elegant Sidebar Shadow

This shadow will be visible on the inside edge of the sidebar, depending on which side you have your sidebar set in Divi Theme Options. Just turn this hack on to activate the shadow.

  • Better Password Protected Login Screen

This hack adds some styling to the password form on password-protected pages and posts.