Return to previous page

Cart from my shop displaying not correct

This topic has 7 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

ProdbyDaan

Participant

November 27, 2023 at 20:20

Hello Team Please check out the Screenshot.
The Buttons don’t displayed correct.

I cleared already the cache.
Does it look so because of WP Rocket settings or something else?

Please, contact administrator
for this information.

#374959 Copied Theme version: 9.2.4 WooCommerce version: 8.3.1

6 Answers
Tony Rodriguez

Support staff

November 28, 2023 at 12:34
Hello, @ProdbyDaan,

I hope this message finds you well.

To address the issue you are experiencing, we kindly request that you implement the following CSS code. Please navigate to the Xstore >> Theme Options >> Theme Custom CSS >> Global CSS section of your website’s admin panel. Once there, copy and paste the code provided below. After applying the changes, ensure that you clear your browser’s cache before revisiting your site to see the adjustments.

Please insert the following CSS code:
```
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
    line-height: 0 !important;
}

.woocommerce-cart input.btn {
    height: 40px !important;
    top: 24px !important;
}

.woocommerce-cart a.clear-cart.btn.bordered {
    display: flex !important;
    margin-top: 16px !important;
}

.woocommerce-cart a.clear-cart.btn.bordered {
    display: grid !important;
}

.woocommerce-cart a.clear-cart.btn.bordered {
    display: grid !important;
    line-height: 0 !important;
    margin-top: 25px !important;
}
```
We trust that this will resolve the issue at hand. Should you require any further assistance, please do not hesitate to reach out.

Warm regards,
The 8Theme Team
#375034 Copied
ProdbyDaan

Participant

November 28, 2023 at 13:16

I have inserted your code but the “Okay” button have to much space to the Left Field.

Can we fix it so its always stays correct?

And the Text “Warenkorb Leeren” isnt Centered like the Text “Weiter einkaufen”

https://prnt.sc/rJ0AexLjsSlO

#375038 Copied

ProdbyDaan

Participant

November 29, 2023 at 08:47

Please check out my latest message.
Thanks 🙂

#375114 Copied
Tony Rodriguez

Support staff

November 29, 2023 at 08:53
Hello, @ProdbyDaan,

Thank you for your prompt response. We kindly request that you insert the following CSS code into your website’s theme configuration. Please navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS, and paste the code provided below:
```
.woocommerce-cart a.checkout-button.button.alt.wc-forward {
    padding-top: 9px !important;
    padding-bottom: 18px !important;
}
.woocommerce-cart a.clear-cart.btn.bordered {
    padding-top: 9px !important;
    padding-bottom: 18px !important;
}
.woocommerce-cart .coupon {
    position: absolute !important;
}
```
After applying the changes, we recommend clearing your browser’s cache to ensure that the updates are reflected on your site.

Best regards,
The 8Theme Team
#375115 Copied
ProdbyDaan

Participant

November 29, 2023 at 09:04

Hey Tony, thanks i looks now better.
On Last thing is the Okay Button.

How to fix that?

https://prnt.sc/d4rzF0CYhSus

#375116 Copied
Tony Rodriguez

Support staff

November 29, 2023 at 11:42
Hello, @ProdbyDaan,

Thank you for your prompt response. We kindly request that you insert the following CSS code into your website’s theme configuration. Please navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS, and paste the code provided below:
```
.woocommerce-cart .coupon input.btn {
    height: 35px !important;
    top: 27px !important;
}
```
After applying the changes, we recommend clearing your browser’s cache to ensure that the updates are reflected on your site.

Best regards,
The 8Theme Team
#375145 Copied
Tagged: cart display issue, fix woocommerce cart, shop cart error, woocommerce support, woocommerce themes, wordpress, wordpress shop solutions
Viewing 7 results - 1 through 7 (of 7 total)