Adding Custom CSS to Your AMP Page [BETA]

Follow

Adding Custom CSS to Your AMP Page

Disclaimer:

Beta features are still in active development and may change unexpectedly without notice. Unbounce Support will do their best to offer assistance, however may not be able to resolve some issues due to the limitations of an open beta.

Adding Custom CSS to an AMP page is a different process from a normal webpage. The Unbounce AMP Builder attempts to simplify the process for you.

  1. Click the CSS Stylesheets image2.png button on the bottom left-hand side of the builder. A new dialog box will appear.
  2. Add any CSS tags you’d like to use into the blank field.
  3. image1.png
  4. Click the Save Code button in the bottom right-hand corner of the dialog box.

Note:

Please do not add any <style> tags to the stylesheet field. AMP only allows a single <style> tag on an AMP page. Currently, to handle this we bundle any styles added by you in the console with our own styles under a single <style> tag.

Note:

AMP pages only allow for 50kb of CSS information, some of which is already used by Unbounce for built-in styles.

To ensure your custom stylesheets will pass validation please run your published AMP page through the AMP validator.



Was this article helpful?
1 out of 1 found this helpful