---
title: Filter the breadcrumbs HTML classes
url: "https://www.seopress.org/support/hooks/filter-the-breadcrumbs-html-classes/"
lang: en-US
updated: 2023-08-04
hook_name: seopress_pro_breadcrumbs_html_class, seopress_pro_breadcrumbs_html_class_ol, seopress_pro_breadcrumbs_html_class_li, seopress_pro_breadcrumbs_html_class_li_active
required_version: 5.4, 6.9
---

# Filter the breadcrumbs HTML classes

- **Hook name:** `seopress_pro_breadcrumbs_html_class, seopress_pro_breadcrumbs_html_class_ol, seopress_pro_breadcrumbs_html_class_li, seopress_pro_breadcrumbs_html_class_li_active`
- **Required version:** 5.4, 6.9

```php

//Filter <nav> classes
function sp_pro_breadcrumbs_html_class($class) {
    $class = 'class="my-custom-breadcrumbs-class another-html-class"'; //add your own classes, id, attributes
    return $class;
}
add_filter('seopress_pro_breadcrumbs_html_class', 'sp_pro_breadcrumbs_html_class');

//Filter <ol> classes
function sp_pro_breadcrumbs_html_class_ol($class) {
    $class = 'class="breadcrumb"'; //default value
    return $class;
}
add_filter('seopress_pro_breadcrumbs_html_class_ol', 'sp_pro_breadcrumbs_html_class_ol');

//Filter <li> classes
function sp_pro_breadcrumbs_html_class_li($class) {
    $class = 'class="breadcrumb-item"'; //default value
    return $class;
}
add_filter('seopress_pro_breadcrumbs_html_class_li', 'sp_pro_breadcrumbs_html_class_li');

//Filter <li> active classes
function sp_pro_breadcrumbs_html_class_li_active($class) {
    $class = 'class="breadcrumb-item active"'; //default value
    return $class;
}
add_filter('seopress_pro_breadcrumbs_html_class_li_active', 'sp_pro_breadcrumbs_html_class_li_active');
```

Source: [https://gist.github.com/wp-seopress/3e5ee2509e967a5fbedbaee6099eb4b2](https://gist.github.com/wp-seopress/3e5ee2509e967a5fbedbaee6099eb4b2)