Reveal Buttons on Card hover?

Rei

3 days ago

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.
Filip Dajkovic

3 days ago

You can add style element as an element and write any CSS you want inside of it, I'd add it to the parent element and pasted your css inside
@Filip Dajkovic
You can add style element as an element and write any CSS you want inside of it, I'd add it to the parent element and pasted your css inside
Rei

3 days ago

Oh! Thank you so much for this Filip! 🙏

Stop scrolling. Start building.