Adding Custom CSS to Your AMP Page

Follow

Adding Custom CSS to Your AMP Page

 

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 Stylesheetsimage2.pngbutton 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?
2 out of 4 found this helpful