[Resolved] Problems on check out page

Home Forums Support [Resolved] Problems on check out page

Home Forums Support Problems on check out page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1457259
    Kasper

    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.

    #1457678
    Elvin
    Staff
    Customer Support

    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.

    #1457954
    Kasper

    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?

    #1458328
    David
    Staff
    Customer Support

    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.

    #1458787
    Kasper

    Hi David,
    They are turned off now.

    #1459201
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #1459396
    Kasper

    Thanks a lot that works! ๐Ÿ™‚

    #1460198
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.