The community member is trying to remove the underline from links sitewide in Webstudio, but the CSS they tried doesn't work. Other community members suggest using a token for the links or adding custom CSS in an HTML embed, but note that the latter approach may not show the real values in the style panel.
The community member shares a Loom video showing the issue, and another community member provides a project link to help troubleshoot. It turns out the issue was that the HTML embed was disabled, not just hidden. Once the community member realized this, the CSS solution worked as expected.
The community members also discuss some suggestions for improving the Webstudio interface, such as making the switch to enable/disable the HTML embed more specific to the switch itself rather than the entire row.
HI everybody, I want to remove all the underline on links sitewide, I added the a:-webkit-any-link because I saw Webstudio is using while inspecting the page, but it doesn't work, I tried with the !important and it doesn't work, I also tried to turn the "Run script on canvas" on and still doesn't work, this code is in an embed : <style>
a, a:-webkit-any-link{ text-decoration: none ; }
</style>
So I guess my question is, how can apply CSS sitewide at the very beginning of my project? Thanks in advance
you can totally add classes, they are in settings panel
you can use them to create custom animations with CSS or use with GSAP for selectors
You can totally write any custom CSS in html embed, the only downside is that by doing so, you are not seeing the real values in the style panel. Same thing happens in Webflow
If you can record a loom on how it works for you, I'll share it to help the platform, honestly I'm a big fan and want to build my projects with Webstudio, but getting stuck on something as basic as adding 1 line of CSS is scary
And 1 suggestion here, you should make it that you have to click on the switch directly and now the whole row where the switch is, because I clicked it by mistake many times. In the case of the embed I really hid it thinking it was a display:none
