Streaming live at 10am (PST)

How to use REM in Webflow


#1

Hello! How can I set html tag font-size to use rem in site? When I add it in header style it doesn’t affect font-size in preview.


#2

Because CSS code added at site level (in the custom code tab of site’s Settings page) or at page level (in the propertie panel of each page) don’t take effect in the Designer.

Instead, you can use the Custom Code Component right in the viewport, inside of the page. CSS code placed there will render live in the designer.

In order for the code to affect all pages, I recommend placing this Custom Code Component inside of the Symbol you’re most likely using for your Navbar.

<style>
	html {font-size: 14pt}
</style>