How To Add CSS In Webflow: 1-Min Guide

How To Add CSS In Webflow

‍

Follow these steps to add CSS to your Webflow site:

From the Webflow dashboard locate your project thumbnail and click on the three dotted icon to view options.
Click on Settings.
From the left sidebar, navigate to the Custom code section.
This page will contain different sections for head, body and footer.
CSS should be applied inside the head section using the <style> and </style> tags. Remember to not include the <head> and </head> tags, the code inside the Head section is automatically included in the head.
Validate and save your changes. Note that all code applied here will be applied to all pages of your project.
To apply CSS to a specific page, from inside the editor, go to the Pages tab in the left sidebar menu.
Hover over the page name to reveal a small gear icon for settings. Click to open.
Scroll to the bottom to find the Custom Code section. Click to expand.
Recall the same tips as before, CSS should be applied inside the head section using the <style> and </style> tags. Remember to not include the <head> and </head> tags, the code inside the Head section is automatically included in the header.
Save your changes and publish your project to push them live.