Archived topic
Problems on check out page
7 replies · Started by Kasper on September 24, 2020
Hi,
I hope you can help me with 2 problems in my check-out flow.
1) On my cart page want the the "Opdater kurv" (now it's all gray) button to look like the "Anvend Rabatkode" button. (link to page: https://www.optimasport.dk/kurv/)
2) On my check-out page I only want one column (linke to page: https://www.optimasport.dk/kasse/). I have tried some of the CSS code on this forum but it does not work for me.
Hi Kasper,
For 1.) You can try this CSS.
form.woocommerce-cart-form > * > * > * td.actions > button.button {
color: white !important;
border-color: white !important;
}For 2.) You can try this CSS
div#customer_details{
width: 100%;
display: flex;
flex-direction: column;
}
div#customer_details >.col-1, .col-2 {
width: 100% !important;
}Let us know if it works for you.
Hi Elvin.
Thanks for your quick response. I have some problems still.
1) The button is not changing.
2) Now there is only one column, but the below one (the one that was to the right before) is not full width. The heading "Din ordre" is also placed to the side of the section it represent (it should be on top).
Can you please help me?
Hi there,
can you disable SG Optimizer and any other cache plugins - it will make it easier for us to provide the right CSS - also with those enabled you may not be seeing the CSS we provide actually being applied.
Hi David,
They are turned off now.
Give this a shot:
.woocommerce-cart-form button[name="update_cart"] {
opacity: 1 !important;
}
.woocommerce-checkout {
display: flex;
flex-direction: column;
}
.woocommerce-checkout > * {
width: 100% !important;
}Thanks a lot that works! :)
You're welcome :)
