< Toggle Sidebar > Toggle Sidebar

Breadcrumb Module Options

In this document we cover all the different options and settings in the Breadcrumb Module.

Content Tab – Title

The Title section in the content tab provides ability to show/hide title, subtitles. By default the post title will be used as the title. A static text can also be added to the title if Show Custom Title is set to ‘Yes’.

Breadcrumb Module - Title Settings
Breadcrumb Module – Title Settings

Content Tab – Background

The Background option allows to set a background color or background gradient or background image for the breadcrumb area.

Breadcrumb Module - Title Settings
Breadcrumb Module – Title Settings

Design Tab – General

The Text Orientation handles the orientation of the title, sub-title and the breadcrumbs. There are 4 options:

  • Left : Aligns title, sub-title and breadcrumbs to the left
  • Right : Aligns title, sub-title and breadcrumbs to the right
  • Center : Aligns title, sub-title and breadcrumbs to the center
  • Title to the left, breadcrumbs to the right : Aligns title and sub-title to the left and breadcrumbs to the right.

Background Color sets the background color of the entire breadcrumb. Setting this value will render a background color for the divi module even if the background color is not select in the module options.

Design Tab – Icon

The Icon section handles icon styles for the breadcrumb link when Use Icon is set to YES. Styles include

  • Icon Picker
  • Icon Font Size
  • Icon Text Color

Design Tab – Title

The Title section handles defaults for styling the breadcrumb title. Options are:

  • Font
  • Text Size
  • Font Style
  • Color
  • Letter Spacing
  • Line Height
Breadcrumb Module - Design Settings - Title
Breadcrumb Module – Design Settings – Title

Design Tab – Sub Title

The Sub Title section handles defaults for styling the breadcrumb sub title. Options are:

  • Font
  • Text Size
  • Font Style
  • Color
  • Letter Spacing
  • Line Height
Breadcrumb Module - Design Settings - Sub Title
Breadcrumb Module – Design Settings – Sub Title

Design Tab – Breadcrumb Link

The Breadcrumb Link section handles defaults for styling the breadcrumb links. Options are:

  • Font
  • Text Size
  • Font Style
  • Color
  • Letter Spacing
  • Line Height
Breadcrumb Module - Design Settings - Breadcrumb Link
Breadcrumb Module – Design Settings – Breadcrumb Link

Design Tab – Breadcrumb Last

The Breadcrumb Last section handles defaults for styling the breadcrumb last. Options are:

  • Font
  • Text Size
  • Font Style
  • Color
  • Letter Spacing
  • Line Height
Breadcrumb Module - Design Settings - Breadcrumb Last
Breadcrumb Module – Design Settings – Breadcrumb Last

Design Tab – Breadcrumb Separator

The Breadcrumb Separator section handles color option for the breadcrumb separator.

Breadcrumb Module - Design Settings - Breadcrumb Separator
Breadcrumb Module – Design Settings – Breadcrumb Separator

Design Tab – Spacing

The Spacing section handles spacing options for the breadcrumb area mainly

  • Margin
  • Padding
Breadcrumb Module - Design Settings - Spacing
Breadcrumb Module – Design Settings – Spacing

Advanced Tab

The Advanced Tab provides ability to add custom css for main breadcrumb container along with the breadcrumb title, sub title, links, and last sections. One can also disable breadcrumb on desktop/tablet/mobile views.

Breadcrumb Module - Advanced Settings
Breadcrumb Module – Advanced Settings
Breadcrumb Module - Advanced Settings
Breadcrumb Module – Advanced Settings
Breadcrumb Module - Advanced Settings
Breadcrumb Header for Divi Builder

Breadcrumb Module

Adds a new clean header with breadcrumbs powered by the Yoast SEO plugin. 
Learn More