Changing the Layout of the Checkout 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.
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 of the Checkout Page’ is closed to new replies.