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.


Unbounce made it easy for me to handle my issue.
Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply