Checkout page shipping options are malpositioned

Leto
#1

Hey guys. I’ve got some problems with my checkout page. After clicking the PROCEED TO CHECKOUT button, shipping options shown on the right order total bar are malpositioned. One check circle runs to the right and the other one remains on the left. Please see the snapshot below.

image

I want to keep my shipping options aligned and well organized, with all bullet points and check circles placed on the left followed by the text.

How can I fix this problem? Thank you. Your help would be appreciated!

#2

Hi,

Thank you for contacting us. I am happy to help with your queries.

Can you share a link to your checkout page, so I can try and inspect the problem directly. So I can help you in a better way.

Regards,
Kharis
aThemes Support

#3

Yes sure!

http://paulspetcity.com/checkout/

Thank you very much!

#4

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .woocommerce-checkout-review-order-table tr.shipping td {
      min-width: 50%;
      text-aling: left;
    }

    #shipping_method {
    	 padding-left: 0;
    	 margin-left: 0;
    	 list-style: none;
    }
     #shipping_method input.shipping_method {
    	 float: left;
    }
     #shipping_method label {
    	 display: inline;
    }

Regards,
Kharis
aThemes Support