Change breadcrumb color in Integrity theme

[thoughtsociety]

I cannot seem to find any controls in the customizer to access the color settings for the breadcrumbs.
In a June post, https://theme.co/apex/forum/t/breadcrumbs-text-color/35821 you show it in the customizer but I cannot see this in my setup for some reason.

[Prasant]

Hello @thoughtsociety,

Thanks for asking.

The post you are referring to is for Content builder breadcrumbs element. If you are using Pro Theme content builder breadcrumbs element, then you can follow the solution mentioned in the ticket. In case you are not using Breadcrumbs element and want to change the color, please add following CSS under Pro > Theme Options > CSS:

.x-breadcrumbs a {
    color: #ddd;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[thoughtsociety]

That only changed it for the first breadcrumb and not subsequent.

Breadcrumb link in my blog

[Prasant]

Hello @thoughtsociety,

Thanks for updating the thread.

Please also add following CSS under Pro > Theme Options > CSS:

.x-breadcrumbs .current {
    color: #504b4b;
}

.x-breadcrumbs .delimiter {
    color: #000;
}

.x-breadcrumbs a:hover {
    color: #9e4040;
}

Thanks.

[thoughtsociety]

Ok, I can adjust this myself. It works now.
Thanks

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.