Archived topic
Breadcrumb color
5 replies · Started by _blank on January 26, 2020
how can i change the color of the bread crumb to yellow
Hi there,
how have you added the breadcrumb? Can you share the HTML being used as this may need changing.
i am using yoast breadcrumb.
and a Header element where i have given this html-
wpseo_breadcrumb
<h1>
{{post_title}}
</h1>
<p>
[page_hero_gravatar] {{post_author}} | {{post_date}}
</p>
Here is the code i used to make little changes to breadcrumb-https://generatepress.com/forums/topic/how-to-hide-the-title-part-in-the-breadcrumb-im-using-yoast-seo/#post-614239
Is the wpseo_breadcrumb part a shortcode?
If so wrap it in a div like this:
<div class="hero-breadcrumb">wpseo_breadcrumb</div>
Then add this CSS:
.hero-breadcrumb {
color: #000;
}
yes wpseo_breadcrumb is the shortcode for Yoast breadcrumb.
i tried to wrap it in a div like this:
But it did not work the breadcrumb got break and "wpseo_breadcrumb" was appearing in blogpost.
I'm not seeing my HTML structure being added.
It shouldn't cause any issues like that at all.
Make sure you are still using a shortcode inside the <div>
Let me know :)