Streaming live at 10am (PST)

How to change colors of text when card element is on hover

Hi guys I’m doing this tutorial and I am having trouble turning the text of the paragraph and h4 heading to white when you hover over it. The small card element is suppose to turn green with the text turning to white when you hover over it. Any ideas?

Edit: I also have two paragraph styles paragraph-normal and paragraph-small.

Image 001



With the None selector for the element paragraph-small, clear your typography colour like so. At the moment, the typography setting for this element is overriding the parent element card-sm's typography settings. (Click the blue “Color” text in the screenshot below to clear).


You have the Hover state correct on the card-sm element, so it will then give you this result when you hover:

Hope this helps

1 Like

Thank you so much it work!

1 Like

You’re very welcome! :slight_smile:

1 Like