Changing the Layout in the WooCommerce Check-Out Page
-
Can someone please advise me of the CSS code I need to change the following aspects of my WooCommerce check out page? My theme is Customizr. I’ve researched the net but can’t seem to find it.
I’ve just listed another question re the Cart page – I hope I’m doing the right thing by posting these questions separately. Apologies if not.
1. At the moment, the “Your Order” section sits too close to the Billing Details section above it. How do I increase the space between these two elements?
2. What code do I need to adjust the size of the section heading, “Your Order”?
3. In the Your Order table:
– how do I reduce the width of this table to, say, 60% the page width?
– what code do I need to align the title, “Product” to the left (in line with the ordered item below it?
– I would like all cells of the “Total” column to be right-aligned too please.4. In the PayPal box/table that appears underneath the Your Order table, what is the code I need to:
– remove the first line completely (i.e. PayPal with white back-ground logo);
– reposition the PayPal Buy Now button above the “Pay via PayPal…” line;
– align both of the remaining two lines to the right, in line with the entries in the Your Order table.Thanks for you help.
The page I need help with: [log in to see the link]
- The topic ‘Changing the Layout in the WooCommerce Check-Out Page’ is closed to new replies.