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

Design help General
1

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

Link: https://preview.webflow.com/preview/design-build-launch-c58235?utm_medium=preview_link&utm_source=designer&utm_content=design-build-launch-c58235&preview=830960f200a9feb83016eca76b9a9caf&pageId=5e36b1887c077b4461e5b4da&mode=preview

2

Hi,

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).

image

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

Hope this helps

1 Like
3

Thank you so much it work!

1 Like
4

You’re very welcome! :slight_smile:

1 Like