AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Global Settings
  5. How to add custom CSS to AeroCheckout pages?

How to add custom CSS to AeroCheckout pages?

Sometimes we want to customize our Aerocheckout pages using custom CSS. In that case you can add custom CSS through “AeroCheckout Global CSS” or “Aerocheckout page Customizer CSS“.

In case if you want to apply CSS to all of your AeroCheckout pages then adding CSS via “AeroCheckout Global Settings” is a perfect option. But there might be a case when you want to apply custom CSS to a specific Aerocheckout page.

For this you must add custom CSS via specific AeroCheckout page Customizer CSS.

How to add custom CSS via AeroCheckout global Settings?

Step 1: Navigate to AeroCheckout dashboard > Global Settings > click on “Global Custom CSS” tab.


Step 2: Here you can add your custom CSS and click “Save Settings” button.

How to add custom CSS via specific AeroCheckout page Customizer?

Step 1: Select AeroCheckout page > click “Design” tab > click “Customizer” button.


Step 2: Now from AeroCheckout Customizer click “Custom CSS” tab. Here you can add your custom CSS and click “Publish” button to save CSS.

How can we help?