Archived topic
Checkout Breadcrumb font styling
7 replies · Started by _blank on December 11, 2018
Hi
Checkout page breadcrumb. Do you know what CSS I need I would need to add to change breadcrumb font on this page.
I thought I had it covered with one of these.
/* BREADCRUMB Yoast Breadcrumb Checkout */
body.woocommerce-checkout .breadcrumbs {
font-size: 14px;
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
}
/* BREADCRUMB Yoast Breadcrumb Basket */
.woocommerce-cart .yoast-breadcrumb {
font-size: 14px;
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
}
/* BREADCRUMB Yoast Breadcrumb */
.breadcrumbs {
font-size: 14px;
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
}
/* BREADCRUMB Woo Breadcrumb */
.woocommerce-breadcrumb {
font-size: 14px;
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
}
Thanks
Scott
Hi there,
Looks like it's already working:
https://www.screencast.com/t/umDc1NrB
Hi Leo
You're right basket looks fine.
I think it's on the Home / Shop / Checkout page after you've logged in.
Thanks
Scott
Can you guide me to the page in question? I checked the product-category/accessories/ page it also looks fine.
Would it be better if you simply do this?
.yoast-breadcrumb {
font-size: 14px;
font-family: 'Cormorant Infant', serif;
text-transform: uppercase;
}Hi Leo,
That worked for all the shop pages and I added it to some Beaver Builder saved rows. Much cleaner.
Thanks
Scott
Ideally, that should work for all Yoast breadcrumbs regardless which page they are on.
Glad I could help :)
