Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 24, 2021 at 1:29 pm #1296508
    Moescube

    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 3 years, 6 months ago by Moescube.
    April 27, 2021 at 5:51 am #1296892
    Rikard

    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

    April 27, 2021 at 10:07 am #1296934
    Moescube

    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.

    April 29, 2021 at 12:07 pm #1297315
    Moescube

    Hi, do you need any further information?

    April 30, 2021 at 4:38 am #1297445
    Rikard

    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

    May 4, 2021 at 11:49 am #1298249
    Moescube

    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 3 years, 6 months ago by Moescube.
    May 5, 2021 at 8:50 am #1298473
    Rikard

    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

    May 5, 2021 at 10:28 am #1298484
    Moescube

    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.

    May 7, 2021 at 3:33 pm #1298972
    Yigit

    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

    May 7, 2021 at 3:41 pm #1298979
    Moescube

    You are the best!

    Thank you so much

    May 7, 2021 at 5:16 pm #1299004
    Yigit

    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

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