Return to previous page

Styling (colors) for Special Checkout Breadcrumbs

This topic has 9 replies, 2 voices, and was last updated 2 years, 2 months ago ago by bnourse

bnourse

Participant

February 21, 2022 at 00:48

We really like the Special Checkout sequence breadcrumbs, especially when used with the YITH Multi-step checkout plugin. We would like to apply styling to these breadcrumbs, but the theme coloring settings for normal breadcrumbs don’t seem to apply. Can you advise how to accomplish this??

Screen shot is provided here:

Thanks in advance for your guidance.

#317977 Copied Theme version: 8.1 WooCommerce version: 6.2.0

8 Answers
Rose Tyler

Support staff

February 21, 2022 at 09:36
Hello,

The next custom CSS code can be added in Theme Options > Theme custom CSS:
```
.cart-checkout-nav {
    color: white;
    background-color: #e36e1e;
}
.cart-checkout-nav .active {
    color: #61a855;
}
.cart-checkout-nav .active:before {
    background-color: #61a855;
    border-color: #61a855;
    color: #e36e1e;
}
```
Regards
#317998 Copied
bnourse

Participant

February 21, 2022 at 15:14

Hello Rose,
Thanks for getting back to me.
I have placed this code in Theme options > Theme Custom CSS > Global CSS. It doesn’t seem to work. Please advise.
Thanks,
Ben

#318035 Copied

Rose Tyler

Support staff

February 21, 2022 at 15:33

Hello,

Provide temporary wp-admin access, so we can take a closer look.
Create an account via Dashboard (Users > Add new) with administrator role http://prntscr.com/s3rc9m > provide us with username and password via the Private Content area http://prntscr.com/s5mao7 You can use any email for it.

Regards

#318038 Copied

bnourse

Participant

February 21, 2022 at 16:24

Hi Rose,
Requested credentials provided. Note that site is live (Production).
Thanks,
Ben

Please contact administrator
for this information.

#318045 Copied

Rose Tyler

Support staff

February 21, 2022 at 16:28

Hello,

Check now – https://gyazo.com/169d816b21b1ec71017391dca4085334

Regards

#318048 Copied

bnourse

Participant

February 21, 2022 at 16:34

Hi Rose,
Better, I can see that it now works. I will work the styling later today and let you know if further issue. I’m disabling for now.
Thank you again for your quick response.
Ben

#318050 Copied

Rose Tyler

Support staff

February 21, 2022 at 16:42

Hello,

You’re welcome! Have a nice day!

Regards

#318051 Copied

bnourse

Participant

March 17, 2022 at 14:54

Hello,
I wanted to confirm that we have successfully applied the styling we want for our Checkout Breadcrumbs, using the example you provided. Thank you again for your assistance.
Ben

#319852 Copied
Tagged: breadcrumbs, checkout, colors, special, styling, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Styling (colors) for Special Checkout Breadcrumbs’' has been successfully resolved, and the topic is now closed for further responses

Styling (colors) for Special Checkout Breadcrumbs

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection