How to remove the sectional background in CHECKOUT page?

This topic has 8 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: Graham
    Graham
    Participant
    June 3, 2018 at 06:55

    Hi there,

    I’m having an issue with the checkout background.
    Screenshot: https://ibb.co/cytaoJ

    And here is what it should have appeared according to the DEMO page: https://www.8theme.com/demo/xstore/underwear/checkout/

    Could you let me know how to remove the grey background like what is highlighted in the screenshot? Or how to have the exact same style like the DEMO page?

    Thank you very much
    Regards
    Graham

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 4, 2018 at 08:47

    Hello,

    Please add this code in Global custom css:

    .woocommerce-checkout .shop_table {background: #42204d;}
    

    Regards

    Avatar: Graham
    Graham
    Participant
    June 4, 2018 at 19:32

    Thank you! The background looks great now!

    However, can you please have a check of the screenshot below:
    https://ibb.co/gmwYTT

    The text layout appears to be in a mess.
    Is it possible to add a <*br/*> to the end of each item? I mean, one variation option per line?

    Thanks again!
    Regards
    Graham

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 5, 2018 at 08:02

    Hello,

    .order-review .cart_item .variation dd {
        float:  none;
        margin-bottom: 5px;
    }
    .order-review .cart_item .variation dd:before, .order-review .cart_item .variation dd:after {
        display: table;
        content: " ";
    }
    .order-review .cart_item .variation dd:after {
        clear:  both;
    }
    .order-review .cart_item .variation dd p {
        display: inline-block;
        margin-left:  5px;
    }

    Regards

    Avatar: Graham
    Graham
    Participant
    June 5, 2018 at 11:25

    Thank you very much,

    This support forum really helped me a lot to improve my website performance.
    Just wondering if there’s any way I can donate a little bit? (I’ll surely recommend my friends about this theme).

    Best Regards
    Graham

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 5, 2018 at 12:22

    We are grateful to you for your kind words!
    Would you mind to rate our product:
    http://prnt.sc/d256m6
    https://themeforest.net/downloads
    That would be much appreciated 🙂

    Regards

    Avatar: Graham
    Graham
    Participant
    June 5, 2018 at 13:35

    Yes, sure!
    Thank you
    🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 5, 2018 at 13:36

    Thank you too 🙂
    Have a nice day.

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.