Remove single breadcrumb element

Support
#1

Hi!
I want to remove the breadcrumb element “Presse” from my pages. How can I do this?

Here is an example page: http://www.le-germany.com/lebensmittelechte-schmierstoffe/

Thank you for your help?

#2

Hi there,

Please kindly add the CSS code below to X > Launch > Options > CSS:

.x-breadcrumbs a[href $= "presse/"] {
    display: none;
}

.x-breadcrumbs a[href $= "presse/"] ~ .delimiter {
    display: none;
}

The code above searches for all the links inside the breadcrumbs and selects only the links that their HREF tag ends with presse/. Then it hides that element.

The second part of the code selects the same link but said go find the next element which has delimiter class and hides that too.

Hope it helps.

#3

Ah, this is awesome. Thank you so much. :smiley:
I didn’t even know that this is possible with CSS. :slight_smile:

#4

Glad we could help.

Cheers!