hurrrrricaaaaane
KPCKevin Powell - Community
•Created by hurrrrricaaaaane on 1/26/2024 in #front-end
CSS: Hide team card's inner text elements by default; show it while hovering on the outer element
Anybody CSS Pro here? 🙂
I need your help guys!
/* Hide card without Hovering */
This is a member card - I want to make it hidden by default to just show the photo of the person
.team-member-row .wp-block-kadence-column .kt-inside-inner-col p,
.team-member-row .wp-block-kadence-column .kt-inside-inner-col div {
visibility: hidden;
}
And while hovering the persons name, position and linkedIn icon should appear
.team-member-row .wp-block-kadence-column .kt-inside-inner-col:hover~p,
.team-member-row .wp-block-kadence-column .kt-inside-inner-col:hover~div {
visibility: visible;
}
You can see the page here -> https://getidle.io/#team
3 replies
KPCKevin Powell - Community
•Created by hurrrrricaaaaane on 2/17/2023 in #front-end
Cracked Design only in Instagram-Browser
3 replies