Reply 337856 to: Editing The Top Section For The Cart Page

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
November 4, 2022 at 07:34

Hello, @TFS,

1. Yes it will only change the words and will not affect anything else.
And yes Loco translate is the language plugin.

2. Points listed below:

2.1: Space the words a little down from the menu bar.

You can use the below given CSS code under XStore >> Theme Settings >> Theme Custom CSS >> Global and it will work for you like this: https://postimg.cc/dLyZvc7T

.cart-checkout-nav {
    padding: 5vw 0 !important;
}

2.2: Unfortunately this is not possible to place the logo before those words, there is no such option for it.

2.3: Make the color something different for the background such as black.

You can use the below given CSS code under XStore >> Theme Settings >> Theme Custom CSS >> Global and it will work for you like this: https://postimg.cc/HczRVNVw

.cart-checkout-nav {
    background-color: #000 !important;
}
.cart-checkout-nav .active {
    color: #fff !important;
}

4.3.Change the text “You are out of time! Checkout now to avoid losing your order!” to something else.

You can change it from XStore >> Dashboard >> Sale Booster >> Cart/Checkout Pages: https://postimg.cc/p98dyrmt

4.4.Move the text of “shopping cart – checkout – order status” more to the right side.

You can use the below given CSS code under XStore >> Theme Settings >> Theme Custom CSS >> Global and it will work for you like this: https://postimg.cc/SJDzrs7h

.cart-checkout-nav {
text-align: right !important;
}

Regards 8Themes Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.