Join the Webstudio community

Updated 4 months ago

Custom CSS code for the entire website (scroll, backgrounds, fonts)

At a glance
Hi ! Is there a way to add custom CSS code for the entire website (scroll, background, fonts, etc ...) ?
M
E
20 comments
You mean for tags like h1 / h2 / p... ?
I mean for stylizing the scroll bar for the entire site for example. H1 and H2 should be create too but just something to use token automatically. Not to overide token or styling somewhere but just to have default behavior. A bit like in Elementor Global settings, but not like Elementor πŸ˜… in Webstudio way with token.
A place to have custom CSS that's is injected on every page.
@Milan Boisgard | Uncode School Tell me if it's not clear 😬
I'm thinnking like what I'm doing gin a monorepo for my company
Where I can have codes inside packages to use on every websites / pages / apps I'm building
All right. Right now seems not possible, but in a few days the are gonna release Root Element which can help with your case
Is there a preview or something I can see about this feature ?
Right now I'm assessing WebStudio Pro to see if it can handle stuff quicker than doing it in my monorepo in full VueJS code
I didn't try it so no sure about what I'm saying. But Global Root will be available to all your pages. So it can fit your case
Yes but seems to be "per page"
not website level
no OK just read that : Root is global, same instance across all pages
Do you have a date about this feature ?
Thanks @Milan Boisgard | Uncode School for your reply and support πŸ˜‰
Pretty pretty soon (like next week I hope)
Maybe this feature will be launch in December but it need a lot of work I think
@ElPoulpo tis he CSS Variable feature is live. You can use it!
Add a reply
Sign up and join the conversation on Discord