Breadcrubms - last element highlighted

mkondusz1 · September 15

Hello,

I used the breadcrumbs in the header.

What should I do to have the last element in the row highlighted, with light blue font colour?

Here I would like to have "V12" - as highlighted:

https://www.cncpro.com.pl/produkt/v12/

while here, the highlighted should be "seria V", as the last one

https://www.cncpro.com.pl/kategoria-produktu/centra_pionowe/v/

I tried the CSS:

but it didn't work.

Greetings.

Phil · September 16

Hi,

How did you create this breadcrumbs?

From its structure, it does not seem to be an element available in our Builder.

Best regards

mkondusz1 · September 16

Hi,

It is. :-)

It is copied from the footer template section (where it is available) to the header template.

Phil · September 16

Oh ok, that is why.

Please try the following CSS code:

#mfn-header-template .mcb-item-product_breadcrumbs-inner nav{
 color: #0ff;
}
#mfn-header-template .mcb-item-product_breadcrumbs-inner nav a,
#mfn-header-template .mcb-item-product_breadcrumbs-inner nav span{
 color: #fff;
}

Best regards

mkondusz1 · September 16

Works perfectly!

Thank you!

Breadcrubms - last element highlighted

Comments