Docs

[mat_kinotek]

Hi, how can i align the radio checkboxes on the right, so they are next to the shipping rates? (see screenshot attached)
thanks!

[Lely]

Hi There,

Please do give us admin credentials so we can access the page you have in the screenshot. It might be possible with some custom CSS but we need to access the page.

[mat_kinotek]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. I am suggesting you two solutions as I am not entirely sure what you are trying to achieve.

#1. If you want like this – http://prntscr.com/bgzxx5

Add this CSS under Custom > CSS in the Customizer.

.woocommerce-account form input[type="radio"], .woocommerce-account form input[type="checkbox"], .woocommerce-checkout form input[type="radio"], .woocommerce-checkout form input[type="checkbox"] {
  float: right;
  margin-left: 10px;
}

#2. If you want like this – http://prntscr.com/bgzy86

Then use this instead :

.woocommerce-account form input[type="radio"], .woocommerce-account form input[type="checkbox"], .woocommerce-checkout form input[type="radio"], .woocommerce-checkout form input[type="checkbox"] {
  float: none;
  margin-right: 5px;
}

Hope this helps.

Cheers!

[mat_kinotek]

it works (it was the first option) but now i have the other radio boxes aligned in the wrong direction!
(see screenshots attached)
I need to align to the right ONLY the shipping radioboxes, while keeping on te left the radioboxes in the other sections of check out.
Thanks!

[Rad]

Hi there,

Please change this CSS,

.woocommerce-account form input[type="radio"], .woocommerce-account form input[type="checkbox"], .woocommerce-checkout form input[type="radio"], .woocommerce-checkout form input[type="checkbox"] {
  float: right;
  margin-left: 10px;
}

to this

.checkout_shipping input[type="radio"], #shipping_method input[type="radio"] {
  float: right;
  margin-left: 10px;
}

Hope this helps.

[Author]

Posts