Hello Toddle community o/
I'm trying to change the CSS styles of child elements based on the parent element.
For example, I have a list of blog post cards that contain buttons with opacity set to 0.
When a user hovers over a single card, the buttons should become visible (opacity: 1).
The Toddle Styles Panel includes a CSS field at the bottom.
After applying the necessary classes to parent & child elements I attempted to add the CSS below.
.blog-card:hover .show-button {
opacity: 1
}
Sadly, this did not work. I would appreciate any help the community could offer as I'm still quite new to Toddle.
.jpeg/public)