Divi Essential Documentation

⌘K
  1. Home
  2. Docs
  3. Divi Essential Documentat...
  4. Modules
  5. Divi Next Button

Divi Next Button

Create unique buttons with its down-to-earth features.

Content → Text 

Button Text - type the text you want to place on your button.

Design → Text

  1. Font – Select a font from the collection or use a custom font.
  2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
  3. Font Style – Pick a style of font for the design.
  4. Text Color - choose a color for the text.
  5. Text Size – easily resize the text using the slider. This feature is for desktops, tablets, and phones.
  6. Letter Spacing – adjust the spacing between the letters using the slider.
  7. Line Height – adjust the space between the lines using the slider.
  8. Text Shadow – select a prebuilt shadow for your text.

Design → Alignment

Button Alignment - align your button to the left, center, or right.

Design → Hover

Hover 2D - from the collection of hover effects select the best 2D hover effect.

Design → Hover (continued)

Hover BG - Select the best Background hover effect from the collection of hover effects.

Design → Hover (continued)

Hover Stroke - Select the best stroke hover effect from the collection of hover effects.

Design → Hover (continued)

Hover Icon - Select the best Icon hover effect from the collection of hover effects.

Design → Icon

  1. Show Icon - enable to show/choose an icon.
  2. Button Icon - choose an icon for your button from the collection of icons.
  3. Button Icon Color - choose a color for the icon.
  4. Button Icon Placement - select a position for the icon.
  5. Only Show Icon on Hover for Button - show icon on hover for the button.

How can we help?