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 Domate admin panel -> Features tab -> 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: 

Image Placeholder


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

  1. Login to your Dominate Checkout account.
  2. Access your preferred Store in the upper corner of the header. Click on the Features tab
  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 button.