CSS questions for checkout page

[andrea.juelich]

andrea.juelich

March 7, 2015 at 11:59 am

Hey,
I would gladly appreciate if you could help me with a few things on my checkout page.

1.First of all, I would like to change the title of “billing address” and “Ship to a different address”. I know this can be done with the po files but I am not familiar with this and don’t know how this works…I have changed the title for “payment method” by using the following hook
add_action( 'init', 'my_theme_init' );
function my_theme_init() {
remove_action( 'woocommerce_review_order_before_payment', 'woocommerce_gzd_template_checkout_payment_title' );
add_action( 'woocommerce_review_order_before_payment', 'my_theme_checkout_payment_title' );
}

function my_theme_checkout_payment_title() {
echo "<h3>Payment method</h3>";
}

Could you help me with two similar hooks for the other titles?

2. I would like a bigger margin above the “payment method”. I have tried the following css
body.woocommerce-checkout #order_payment_heading {
margin-top: 5em; }

but it didn’t work…

3. I have changed a bit on the layout as you can see, and I would like to have the table for payment method only half the width and then the order review right beside it (in the same dimensions as “billing address” and “shipping address”. Could you please help me with this?

Thank you so much.