Tagged: checkout
-
AuthorPosts
-
April 24, 2021 at 1:29 pm #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 3 years, 6 months ago by Moescube.
April 27, 2021 at 5:51 am #1296892Hey 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,
RikardApril 27, 2021 at 10:07 am #1296934Thank 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 #1297315Hi, do you need any further information?
April 30, 2021 at 4:38 am #1297445Hi,
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,
RikardMay 4, 2021 at 11:49 am #1298249I’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 #1298473Hi,
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,
RikardMay 5, 2021 at 10:28 am #1298484Thanks 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 #1298972Hi,
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,
YigitMay 7, 2021 at 3:41 pm #1298979You are the best!
Thank you so much
May 7, 2021 at 5:16 pm #1299004Hi,
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 -
AuthorPosts
- The topic ‘Woocommerce checkout area’ is closed to new replies.