Aligning content in Woocommerce checkout

  • Resolved krystofjerabek

    (@krystofjerabek)


    4 years, 10 months ago

    Hi everybody,
    I would like to ask how to align the “Update cart” button and the total amount to the right side and make the grey line full-length. I tried to use some CSS, but it didn’t work for me, it always broke the checkout page even more. Any help is appreciated.

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Stef

    (@serafinnyc)

    4 years, 10 months ago

    With that theme the only thing I could think of is CSS. Otherwise you’d have to copy over the checkout template.

    Try this CSS and see if that works for you.

    
.woocommerce-checkout tfoot{
	float:right !important;
	position:absolute;
	right:0;
	bottom:0;

}
.woocommerce-checkout .shop_table{
	padding-bottom:60px;
	position:relative; 
}

.woocommerce-checkout .actions button{
	float:right !important;
}
    • This reply was modified 4 years, 10 months ago by Stef.
    Thread Starter krystofjerabek

    (@krystofjerabek)

    4 years, 10 months ago

    Thank you! This helped me

    Stef

    (@serafinnyc)

    4 years, 10 months ago

    You’re very welcome 🤗

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Aligning content in Woocommerce checkout’ is closed to new replies.