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


    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?


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

    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,


    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.


    Hi, do you need any further information?



    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,


    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.


    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,


    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.



    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,


    You are the best!

    Thank you so much



    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,

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