How to add your own custom CSS or Javascript code?

Dominate allows merchants to customize the checkout page behavior with its Custom Code feature. This feature located within your Default Settings or Store > Custom Code section, will allow you to code your own CSS code or place any javascript code needed for you to customize your checkout experience.

Please note the following example which allows you to increase the shipping methods block width by using a new CSS style for this section:




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.