Join the Webstudio community

Updated 3 weeks ago

@clickable-parent

Hello everyone!

I’d like to know what it’s called in WebStudio, the equivalent of Bricks Builder’s .clickable-parent utility class, which makes an element, such as a card, fully clickable, even if the link is only placed within the heading inside the card.

Thanks!
S
O
J
4 comments
I think you'd just put your card inside a link block. Assign the URL.
I just recently saw a better way of doing it rather than putting entire card into a link, which I didn't know about

https://x.com/adamwathan/status/1897000764016631953

Essentially its:
  1. set card to position relative
  2. any link inside that card
  3. add an element inside that link that is position absolute and inset: 0, so it takes the entire space of the card and makes it clickable, while the actual link is being clicked
Yeeep, it works great. Thank a lot Oleg!
Add a reply
Sign up and join the conversation on Discord