Return to previous page

Changing The Checkout Breadcrumbs Styling

This topic has 5 replies, 2 voices, and was last updated 1 years, 10 months ago ago by NuTan

NuTan

Participant

June 13, 2022 at 08:19

Good-day,

I don’t want breadcrumbs on the site, however I do want the special checkout steps. But how do I change the colours for each element? The circle, the writing, the active text colour, etc.?

#325745 Copied Theme version: 8.2 WooCommerce version: 6.5.1

4 Answers

Olga Barlow

Support staff

June 13, 2022 at 11:44

Hello,

We don’t have settings for this but it’s possible to customize by minor custom CSS. Provide us with the mockup of the styles that you try to achieve and we’ll send you custom code.

Regards

#325773 Copied

NuTan

Participant

June 22, 2022 at 11:11

Hi, please see attached mock-up of what we would like to achieve

#326551 Copied
Olga Barlow

Support staff

June 22, 2022 at 16:41
Hello,

Use the below custom
```
.cart-checkout-nav .active:before {
    background-color: #dfb4ab;
}
.cart-checkout-nav a {
    color: #dfb4ab;
}
.cart-checkout-nav a:before, 
.cart-checkout-nav .active:before {
    border-color: #dfb4ab;
}
.cart-checkout-nav .active {
    color: #ce8788;
}
```
Regards
#326618 Copied
NuTan

Participant

June 23, 2022 at 04:49

Thank you so much!

#326649 Copied
Tagged: breadcrumbs, checkout, customize, styling, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)