Design of Breadcrumb

[robererik]

Hello,

Could you please tell how can I remove the “Home icon” and the “Post title” from the Breadcrumb bar (I just want to keep the two arrows) and also how can I change the background color of the Breadcrumb bar?

Thanks you very much.
Erik

[christian]

Hey Erik,

Please add this code in your Custom CSS

.x-breadcrumb-wrap {
    background-color: red
}

Thanks.

[robererik]

Hi,

Thanks it’s perfectly working for the color issue.

And what about removing the “home icon” and the “post title” (I only want to keep the arrows on the right)?

Thank you very much,
Erik

[robererik]

Yeah,

I’ve tried the following code for removing the different elements and it worked…

.x-breadcrumb-wrap .home {
display: none;
}
.x-breadcrumb-wrap .delimiter {
display: none;
}
.x-breadcrumb-wrap .current {
display: none;
}

Is this code correct written?

Cheers,
Erik

[lely]

Hi Erik,

Yes, that’s correct.

[robererik]

Hey Lely,
Many thanks!
Erik

[Joao]

You are welcome!

[Juanra]

Sorry, one more question in this topic.

I have a site using Integrity 02 as the base. The breadcrumbs have a nice pink background pattern. Where can I replace it with a custom one?

[rad]

Hi there,

It’s page background, the breadcrumb is just transparent. You can go to your theme options and under layout & design section, you can add your own background pattern. Like this http://demo.theme.co/integrity-2/wp-content/uploads/sites/24/2016/06/bg-integrity-22.png and background color of #fff4fb. Or if you wish to do it in custom CSS, this should do it

body {
    background: #fff4fb url(//demo.theme.co/integrity-2/wp-content/uploads/sites/24/2016/06/bg-integrity-22.png) center top repeat;
}

Thanks!