How to add custom CSS to AeroCheckout pages?

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?

You might want to customize your Aero Checkout page(s) using custom CSS.

So there are 2 options here:

  • Add custom CSS to all your checkout pages,i.e.,apply the CSS globally
  • Or, you can apply custom CSS to a specific Aero Checkout page

You’ll need to add your custom CSS in the global settings of Aero Checkout if you want to apply it for all your pages.

If you want to apply it on a specific Aero Checkout page then you’ll have to use the Customizer to add the custom CSS.

Follow these steps.

How to add custom CSS via AeroCheckout global Settings?

Step 1: Go to WooFunnels > Settings > Click on the ‘Custom CSS‘ tab


Step 2: Here you can add your custom CSS and click on the “Save changes” button

How to add custom CSS via specific AeroCheckout page Customizer?

Step 1: Select an Aero Checkout page > Go to the “Design” tab > Click on the “Edit” button

The Customizer opens up.

Step 2: In the Customizer, click on the “Custom CSS” tab. 

Here you can add your custom CSS.