How to increase the width of the Shipping Method's block on the checkout page?

Sometimes you will need to add more detail on your Shipping Methods blocks, it is why we show you how to configure and add custom CSS styling to them to display the entire text contained on them.





To change your Shipping Method's width on your checkout page, please follow these steps:

  1. Login to your Dominate Checkout account.
  2. Click on the Default Settings tab or access your preferred Store Settings.
  3. Go to Custom Code -> Head Code.
  4. Paste the following code:

    <style>

    .ship-title-wrap
    {
         width:80% !important;
    }

    .shipping-methods-list
    {
         display:block !important;
    }

    .shipping-methods-list__item
    {
         max-width:83% !important;
    }

    .shipping-methods-list__item input[type=radio]+label
    {
         white-space:normal !important;
         display: inline-table !important;
         padding-top:10px !important;
    }

    </style>

  5. Click the Save Store button.