Join the Webstudio community

Updated 6 months ago

Adjusting Styles of All Links at Once

At a glance

The post asks if there is a way to adjust the styles of all links at once, or if a token needs to be created and applied to each link instance. The comments suggest two approaches:

1. Adding an HTML Embed with CSS code to style all links at once.

2. Using a token method, where a style is added for regular links and different tokens are used for other link types like CTAs or cards.

Community members discuss the pros and cons of each approach, noting that links can have various types, each requiring its own style, so a universal link style may not be the best solution.

Useful resources
Is there a way to adjust the styles of all links at once, for example, or do I need to make a token then apply that token to every instance of a link?
M
J
8 comments
You can add an HTML Embed and inside that component add this css code:

<style>
a {
######
}
</style>
Otherwise yeah tokens. I opt for the token method
Links specifically are trickier because theres so many different types of links

  • ctas
  • inline
  • cards
each requires its own style so i personally wouldnt universally apply a style to links
That makes sense. For me, I usually add a style for regular links and then use different tokens with styles for other things like CTAs or cards, just like John mentioned
that makes sense as well!
Add a reply
Sign up and join the conversation on Discord