Return to previous page

How to style the checkout progress bar breadcrumb

This topic has 4 replies, 3 voices, and was last updated 11 months, 2 weeks ago ago by Rose Tyler

NinjaEB

Participant

May 12, 2023 at 03:33

How to style the checkout progress bar breadcrumb https://i.imgur.com/4u76qPX.png

#356417 Copied Theme version: 9.1.4

3 Answers
Tony Rodriguez

Support staff

May 12, 2023 at 06:43
Hello, NinjaEB,

Thank you so much for purchasing our theme and contacting our support center.

To change the color of the Special breadcrumb on the cart, checkout, and order pages”. please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache:
```
.cart-checkout-nav .active {
    color: red !important;
}
.cart-checkout-nav .active:before {
    border-color: black !important;
    color: white !important;
    background-color: red !important;
}
```
You may use the color name/code in the following code as per your needs.

If the issue still persists afterward, we request that you provide us with the URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with an administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team
#356430 Copied
NinjaEB

Participant

May 12, 2023 at 12:52

thanks the custom css works, however there is no available to customise the colour for the theme itself?

#356486 Copied

Rose Tyler

Support staff

May 12, 2023 at 13:48

Hello, NinjaEB,

Thank you for your response.

You are using one of Advanced layouts for Cart/Checkout pages, curently there are no settings for text colors there, so we provided custom CSS code.
You can post a request to our dev team https://www.8theme.com/taskboard/ about adding new options. If it receives enough votes from other customers, our development team will consider adding new settings in one of the upcoming updates.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

#356496 Copied
Tagged: breadcrumb, checkout, progress, style, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)