New breadcroumb feature missing :active color

Support
#1

Switching from my home hacking solution to the pre build. But I’m missing a :active color on the actual page the user is at.

Css hack here as well?

#2

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#3

I don’t understand, is it suppose to be a :active color? So the page you´re at will be highlighted in the breadcrumbs? Yes or no?

If Yes then it’s a bug somewhere if no we need to fix a CSS solution.

#4

Hi there,

The :active is <a>'s pseudo selector, it doesn’t mean it’s the current item but just the one being clicked. Would you mind providing more details of this issue and a sample URL? I’ll be more happy to check it :slight_smile:

Thanks!

#5

It would be great if we could style the current active page in the breadcrumbs element. I think that’s what @bracas is after :slight_smile:

#6

Hi There,

If you are referring to the breadcrumb, please add the following code to Theme Options CSS

.x-breadcrumbs .current {

    color: red !important;
}

If that does not help, please provide your URL with a more detailed explanation as requested by Rad.

Thank you.

And Thanks @JvP!

1 Like
#7

That code is for the old breadcrumbs I think. In Pro you must use the following:

.x-crumbs-current {
    color: red !important;
}
#8

Yes that is correct, better if we make our selector more specific than using the !important statement.

/*normal color*/
a.x-crumbs-current span {color: red;}
/*hover color*/
a.x-crumbs-current:hover span {color: tomato;}

Cheers,

#9

That would indeed be better :thumbsup:

#10

Thank you @friech

#11

Glad we could help.

Cheers!