Return to previous page

Color of the breadcrumbs cart/checkout of webshop

This topic has 6 replies, 3 voices, and was last updated 10 months, 1 weeks ago ago by Tony Rodriguez

Basvanast

Participant

February 14, 2024 at 16:43

Hi, How can you change the color of the breadcrumbs on the cart and checkoutpages?

#383380 Copied Theme version: 9.2.8

5 Answers

Rose Tyler

Support staff

February 14, 2024 at 17:01

Hello, Basvanast,

Thank you for reaching out to us with your query.

Your site is under maintenance mode, so we can’t check it.

Could you please provide temporary wp-admin access and the URL of the variable product?

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

#383383 Copied

Basvanast

Participant

February 14, 2024 at 17:25

Hi, thanks for the quick response

The problem is with the cart and checkout page

Please contact administrator
for this information.

#383389 Copied

Rose Tyler

Support staff

February 14, 2024 at 19:06

Hello, Basvanast,

We appreciate your prompt response.

Could you kindly provide us with the URL of the page containing the login form? We have noticed that attempting to access /wp-admin/ results in a “Page not found” error.

Best Regards,
8Theme’s Team

#383395 Copied

Basvanast

Participant

February 14, 2024 at 19:48

This is the url

Please contact administrator
for this information.

#383400 Copied
Tony Rodriguez

Support staff

February 15, 2024 at 08:16
Hello, @Basvanast,

Thank you for your response.

To change the color of the breadcrumbs on the cart and checkout pages, Please copy and paste the following CSS code into Xstore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache. This should resolve your issue and the result should look like this: https://ibb.co/C135pX9
```
.cart-checkout-nav {
    color: #c34545 !important;
}
.cart-checkout-nav .active {
    color: #c34545 !important;
}
.cart-checkout-nav .active: before {
    border-color: #c34545 !important;
    background-color: #c34545 !important;
    color: #c34545 !important;
}
```
Note: You may change the color code values as per your requirements.

We hope this helps. 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.

Best regards,
8Theme’s Team
#383428 Copied
Tagged: breadcrumbs cart, checkout process, color customization, ecommerce design, user experience, woocommerce templates, wordpress webshop
Viewing 6 results - 1 through 6 (of 6 total)