{"id":12695,"date":"2019-07-17T10:13:49","date_gmt":"2019-07-17T10:13:49","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=12695"},"modified":"2019-07-17T10:36:22","modified_gmt":"2019-07-17T10:36:22","slug":"how-to-add-a-custom-css-code-in-amp-page-builder","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-a-custom-css-code-in-amp-page-builder\/","title":{"rendered":"How to add a custom CSS code in AMP Page Builder"},"content":{"rendered":"\n

Follow these steps to add a custom CSS code in AMP Page Builder:<\/strong><\/p>\n\n\n\n

Step 1:<\/strong>\u00a0Create a new page in the WordPress dashboard. Scroll down a little to see AMP Page builder click on Pre-built AMP Layout button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 2: <\/strong>Once you click on the Pre-built AMP Layout<\/strong> button -> Click Advance<\/strong> option -> In this “Enter Style in Head<\/strong>” option you need to add custom CSS code and then click on the “Save<\/strong>” button like below the screenshot. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The output of custom CSS code in AMP Page Builder<\/strong> <\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t