Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1296508

    Hi,

    I really like your theme. But I don’t like woocommerce chekout area at all. Is it possible to make it look a bit cleaner?
    Please look at my screenshoot. I worte in what changes I want to receive.

    Is that possible?

    https://www.dropbox.com/s/mcfq0qv3w2jywf8/Checkout.png?dl=0

    • This topic was modified 2 years, 10 months ago by Moescube.
    #1296892

    Hey Moescube,

    Thanks for the mockup, I’m not sure if we can help you out with all of these customisations, but we’ll try. First of all, we need to see the actual page in order to help you out. How can we add a product, in order to access the checkout page on your site?

    Best regards,
    Rikard

    #1296934

    Thank you very much.

    I had removed the add to cart button, because I wasn’t comfortable with how the checkout looks like.
    This allowed me to bypass the shopping cart, however you are directed to checkout (Kasse) at the end.

    For your support I activated the add to cart button. so you can have your way to the checkout, like in my screenshoot.

    #1297315

    Hi, do you need any further information?

    #1297445

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling to hide the rows indicated in the screenshot:

    tr.cart-subtotal, tr.order-tax {
      display: none; 
    }

    Versandkosten; we can’t hide only the text unfortunately. You might need to use plugin, a filter, or override the WooCommerce template in a child theme.

    Use this to alter the size, font and colour of the text:

    .shop_table ul#shipping_method li label {
      font-size: 18px; 
      font-family: arial; 
      color: red;
    }

    Try this to add text after the total amount:

    tr.order-total span.woocommerce-Price-currencySymbol:after {
      content: "inkl. 19% MvSt."
    }

    Best regards,
    Rikard

    #1298249

    I’m sorry for the delay in responding to you.

    Thank you very much for the Code, works fine.

    Is there any possibility to make the hole Checkout section use “Alternative content” colors?

    • This reply was modified 2 years, 9 months ago by Moescube.
    #1298473

    Hi,

    Thanks for the update. You would need custom CSS for that as well, could you let us know what you would like to change, and how please?

    Best regards,
    Rikard

    #1298484

    Thanks for the feedback.

    The font color of the checkbox for example has the font color #444. I would like to be able to set this myself.

    Otherwise, the background color, table background and frame, and normal font color.

    #1298972

    Hi,

    Please add following code to Quick CSS and adjust as needed

    /* Color of checkbox */
    #top.woocommerce-checkout label span {
        color: purple;
    }
    /* Table background and border color */
    .woocommerce-checkout .main_color #payment, 
    .woocommerce-checkout .main_color #payment li,
    .woocommerce-checkout .main_color tr:nth-child(2n+1), 
    .woocommerce-checkout .main_color .pricing-table > li:nth-child(2n+1), 
    .woocommerce-checkout .main_color .pricing-extra {
        background-color: teal;
        border-color: orange;
    }
    /* Background and text color */
    .woocommerce-checkout .main_color {
        background-color: brown;
        color: yellow;
    }
    

    Best regards,
    Yigit

    #1298979

    You are the best!

    Thank you so much

    #1299004

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy your weekend!

    Best regards,
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Woocommerce checkout area’ is closed to new replies.