Return to previous page

Breadcrumb Design Settings on Cart/Checkout Pages

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

Liva

Participant

September 19, 2023 at 20:43

Hi,

I would like to customize the special breadcrumbs shown on Cart and Checkout pages. I managed to apply some changes through Theme Custom CSS; but, I need some assistance related to a few topics.

1. The hover color of non-active texts is white, which causes a problem since the background is white too. Is it possible to change the color to black?

2. On desktop, the content is aligned to left. Can we align it to the center?

3. On mobile, I want the active item to be on the center. Currently, if the active item is beyond the screen, it is not shown and user has to scroll to see the active item. Can we adjust it so that the active item will always be on the center?

That’s all what I need for now. I really appreciate your efforts to solve problems. Have a great day!

Please, contact administrator
for this information.

#367919 Copied Theme version: 9.1.14 WooCommerce version: 8.1.1

3 Answers
Rose Tyler

Support staff

September 20, 2023 at 07:55
Hello, Liva,

Thank you for contacting us and for using XStore.

1/ It is because of this custom CSS code – https://prnt.sc/SIJThq7kkZJu

2/
```
.cart-checkout-multistep.woocommerce-cart .cart-checkout-nav-simple {
    justify-content: center;
}
```
3/ There is no such option, sorry.

Kind Regards,
8theme team
#367956 Copied
Liva

Participant

September 20, 2023 at 08:42

Hi Rose,

Thank you for providing the CSS codes. They worked perfect. It is unfortunate that we cannot do anything about 3rd issue.

Thank you for your assisance. Have a great day!

#367965 Copied

Rose Tyler

Support staff

September 20, 2023 at 09:29

Hello, Liva,

Have a great day too!

Kind Regards,
8theme team

#367971 Copied
Tagged: breadcrumb design settings, cart/checkout pages, ecommerce customization, online store optimization, user-friendly woocommerce themes, website navigation improvement, wordpress woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)