Docs

[ignitesm]

I am trying to change the background color of the breadcrumbs on my website, and I can’t seem to figure out the correct coding to do so.

I checked out the coding in Google Chrome and it looks like I should use

.x-header-landmark {
background-color: #e4e1d0;
}

But it doesn’t change anything on the site.

Is there a different code I should be using?

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-breadcrumb-wrap {
    background-color: #d3d3d3;
}

Thanks.

[ignitesm]

Prasant – I applied the code you gave me above, and it did not change the color of the breadcrumbs.

[Christopher]

Hi there,

You’ve already changed landmark header background with following code :

.x-header-landmark {
    padding: 45px 0;
    border-color: #e4e1d0;
    background-color: #e4e1d0;
}

If you add following code, it should change breadcrumbs as well :

.x-breadcrumbs-wrap {
    background-color: #d3d3d3;
}

Please don’t forget to clear cache.

Thanks.

[Author]

Posts