How to use the Breadcrumbs widget

  • BdThemes
  • How to use the Breadcrumbs widget

Table Of Contents

Breadcrumbs widget

How to use the Breadcrumbs widget

Breadcrumbs widget is important for boosting user experience and on-site SEO purposes. It is the tiniest navigation window that breaks down links to your current page.

Our Breadcrumbs widget lets you add a fully functional breadcrumb over your webpage, and it can be placed anywhere on the page.

Let’s see how to use it in this tutorial.

Inserting widget

inserting the Breadcrumbs widget

Find the Breadcrumbs widget from the widget menu and drag it inside your webpage.

Content tab

The Content tab holds the basic settings for the content.

1 16 - BdThemes

Here, you have an alignment option, a field for inserting a separator character, and a home icon field. You can put anything for the separator as long as it’s taken for granted.

Style tab

The Style tab is divided into 3 parts. Each one is responsible for customizing the corresponding part of the content.

Breadcrumbs

2 15 - BdThemes

Go to Style> Breadcrumbs

This section lets you customize the home icon color, typography as well as the color of the breadcrumb texts.

Again, you can add border, padding, and custom background colors.

Active Item

3 15 - BdThemes

Go to Style> Active Item

Change the color, border, and padding for the active item or active breadcrumb.

Separator

4 15 - BdThemes

Go to Style> Separator

Lastly, customize the separator by changing color, padding, spacing, typography, etc.

Conclusion

Watch this video to get more visuals on the Breadcrumbs widget, by Bdthemes, and visit this demo page to see more examples.

Thanks for staying up.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge