-
Hello,
How can I get a container hover effect like they have in the “Our Customer Promise” section near the top of this page: https://swoopscoop.com/
I saw this question was answered in a previous forum topic, but I can’t figure out how to apply what was shared.
I’ve included a screenshot of the different offsets and hex # for the shadowing that I’m looking for.
Thank you!
Mike -
Hi there,
You just need to select the container, click the Hover selector at the top right corner of the styling panel, and add
box-shadoweffect to the container.Here’s a screenshot for your reference:
https://app.screencast.com/CBR3fAaCoeMUr -
Perfect!
One follow-up question, I can’t seem to remove the container hover effect on mobile view. How do I do that?
-
If you only want it on desktop, then remove the effect you added and start over.
After selecting Hover state, click on the At rules button, and select Desktop, then add the effect.
https://app.screencast.com/KPqazffHSoaBc -
Perfect…thank you!
-
You are welcome and btw I’m impressed by your learning ability. Every time I gave you some instructions, you got it right away 🙂
It’s my pleasure to help!
-
Appreciate the kind words!
-
You are welcome 🙂
- You must be logged in to reply to this topic.