[Resolved] Checkout Breadcrumb font styling

[_blank]

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

[Leo]

Hi there,

Looks like it’s already working:
https://www.screencast.com/t/umDc1NrB

[_blank]

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

[Leo]

Can you guide me to the page in question? I checked the product-category/accessories/ page it also looks fine.

[_blank]

Hi

It’s here
https://sg-demo2.getondigitaldesign.co.uk/shop/checkout/

Thanks
Scott

[Leo]

Would it be better if you simply do this?

.yoast-breadcrumb {
    font-size: 14px;
    font-family: 'Cormorant Infant', serif;
    text-transform: uppercase;
}

[_blank]

Hi Leo,

That worked for all the shop pages and I added it to some Beaver Builder saved rows. Much cleaner.
Thanks
Scott

[Leo]

Ideally, that should work for all Yoast breadcrumbs regardless which page they are on.

Glad I could help 🙂

[Author]

Posts