Divi Essential Documentation

⌘K
  1. Home
  2. Docs
  3. Divi Essential Documentat...
  4. Modules Documentation
  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?