Okay
  Public Ticket #1862830
Shipping Method Checkbox
Closed

Comments

  •  13
    Alice started the conversation
    January 21, 2019 at 1:03pm

    Hi Laborator,

    The checkboxes for shipping options on the Checkout page are sitting above the text and it is causing some confusion for our customers. (see attached screenshot)

    We would like to them to be inline with the text.

    Can you please help?

    Kind regards,

    Alice


    {"wp":{"use":false,"adminUrl":"https://parallaxphotographic.coop/checkout/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  • [deleted] replied
    January 22, 2019 at 7:58am

    Hi Alice,

    If you add this Custom CSS:

    .woocommerce .shop_table .woocommerce-shipping-methods label {
        display: inline;
    }

    .woocommerce .shop_table .woocommerce-shipping-methods li {
        margin-bottom: 10px;
    }

    It will fix this problem:

    medium
    (view large image)

  •  13
    Alice replied
    January 22, 2019 at 11:10am

    Hi Arlind,

    Thank you for the reply. I tried that CSS, but it breaks up the text in a strange way at the end, where (inc.VAT) is. Please see attached screenshot.

    Kind regards,

    Alice

  • [deleted] replied
    January 23, 2019 at 8:18am

    Hi Alice,

    I have tried another fix:

    .woocommerce-shipping-methods li {
    position: relative;
    padding-right: 22px;
    margin-bottom: 10px;
}
.woocommerce-shipping-methods li .shipping_method {
    position: absolute;
    right: 0;
}
    And it looks good!

    medium
    (view large image)

  •  13
    Alice replied
    January 23, 2019 at 10:52am

    Hi Arlind,

    I have tried this, but still having the same issue with the (inc. VAT) part on the first line, see screenshot.

    I have cleared the cache.


  • [deleted] replied
    January 24, 2019 at 12:51pm

    Hi Alice,

    I have checked your site and saw that the checkbox is properly aligned with shipping methods, see here:

    https://d.pr/v/MOikLC


  •  13
    Alice replied
    January 25, 2019 at 11:29am

    Hi Arlind,

    Any idea why we're seeing it differently? I've tried it in Chrome and Safari and get the same problem at the end of Standard Delivery.

    Kind regards,

    Alice

  • [deleted] replied
    January 29, 2019 at 8:28am

    Hi Alice

    Can you please add this CSS:

    .tax_label {
    white-space: nowrap;
}
    This will make the "(incl. VAT)" appear not broken on rows.

  •  13
    Alice replied
    January 29, 2019 at 10:39am

    Thank you Arlind! That solved it.

    Kind regards,

    Alice