Archived topic
Breadcrumb styling
5 replies · Started by Thomas on March 13, 2021
Hey There - I'm not having any luck with breadcrumb styling. I got them to load ok ( added the Yoast shortcode into the hook element) and they are where I want them and displaying correctly. They are just too big and too close to the featured image ( would like some padding). I looked through the forum and found these help replies but none of them seem to work. Any ideas? Thanks in advance.
I tired...
/* Set size of breadcrumb text */
#breadcrumbs span a,
#breadcrumbs .breadcrumb_last {
font-size: 16px;
}
and this
.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
color: #000;
}
and this
#breadcrumbs {
font-size: 10px;
}
GP version 5.6.2
GP premium 1.12.3
Hi there,
Can you wrap the shortcode like this in the element first?
<div class="yoast-bc">
[shortcode here]
</div>Let me know :)
ok, added the wrap but it's not effecting size. Guessing there's a part 2..
THANKS!
Try this CSS:
.yoast-bc {
font-size: 15px;
margin-bottom: 10px;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Perfect. That works. THANK YOU!
No problem :)
