Archived topic
Some css help
7 replies · Started by Michal on July 1, 2021
Hi
I spent half a day customizing website but have some problem with breadcrumps snippet
I'd like to have it above the page hero element (in this case - above the page title) - https://share.getcloudapp.com/BluKRkPN
I also have a custom header which is a page hero.
generate_before_header does not work. When I set this I received - https://share.getcloudapp.com/xQu7Oym2
Also - generate_after_header setting - https://share.getcloudapp.com/OAuQ2Yy4
How to style that?
Hi there,
Yoast provides a shortcode for its breadcrumb:
So the simplest method is to add the Shortcode inside your Page Hero element.
clever David. I don't know why I didnt think about that
Glad to be of help :)
hmm for now I cnt's change the css of breadcrumps or I didnt know how
https://share.getcloudapp.com/qGu5Z9X0
breadcrumps take styling from page hero css
.yoast-breadcrumbs {
}
does not seem to work
Wrap the Shortcode in some HTML eg.
<span class="yoast-breadcrumbs">SHORTCODE HERE</span>
Then you can apply the styles with that class.
this did the trick. Thanks
You're welcome
