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.
- Click the CSS Stylesheets
button on the bottom left-hand side of the builder. A new dialog box will appear.
- Add any CSS tags you’d like to use into the blank field.
- 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.