This topic has 7 replies, 2 voices, and was last updated 12 months ago ago by Tony Rodriguez
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?
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
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”
Please check out my latest message.
Thanks 🙂
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
Hey Tony, thanks i looks now better.
On Last thing is the Okay Button.
How to fix that?
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
The issue related to '‘Cart from my shop displaying not correct’' has been successfully resolved, and the topic is now closed for further responses