How to edit CSS for AMP Page

If you’re using AMP in standard mode your AMP site already uses your themes stylesheets, with CSS tree shaking, inlining of rules and other optimizations applied to your AMP URLs. You can find out more here. You can therefore apply any new rules or styles to your themes customizer or custom CSS feature.

If you’re looking to add CSS rules for AMP URLs only you can use the html [amp] selector before any rules.

Let me know if you have any further queries on this.

• This reply was modified 4 years, 2 months ago by James Osborne.

Hello,
thank you for fast response.
it worked like a charm.
BR,

Great to hear it, thanks for the update.

Be sure to leave the plugin a review, we’d love to hear your feedback.

Hello,
i have just got a problem with css.
i think that amp-custom.css not updating, i made a lot of changes, but they all ignored.
when deactivated amp for posts, my styles worked perfect.
is there any thing related with regenerate the amp-custom.css ??
BR,

i worked for me

• This reply was modified 4 years, 2 months ago by rayanito. Reason: i noticed that i am using !important then i removed it and it worked

If you’re encountering more issues let us know and we’d be happy to assist. If you switch to transitional mode AMP it can be useful to test CSS rules between your AMP and non AMP.