Designation animation

  • Resolved avatarix

    (@avatarix)


    4 years, 2 months ago

    Hi,

    On Template 8, I like the animation of the “Designation” line going up on rollover, but I need it to not disappear on hover since we’re not doing the social media and contact stuff, and I found this class that I changed the opacity on, which worked…

    .wpm_6310_team_style_9:hover .wpm_6310_team_style_9_designation {
    opacity: 1;
    }

    … but then I need it to not move up so far, so close to the bar. I can’t find a class for that hover effect. What would that be?
    Any kind of position, margin or alignment on here doesn’t affect the Designation line, it just affects the whole team style box.

    I tried .wpm_6310_team_style_9_designation:hover and nothing I add to that seems to affect it. After doesn’t either.

    Also, now on hover, the whole box is overlapping the heading below now, I guess because of the opacity change.

    This is the only thing I’m stuck on. Besides that, it looks perfect and your plugin is really easy to use.

    Can you help direct me on where to change that animation?

    Thanks,

    Marianne

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter avatarix

    (@avatarix)

    OK, I found a work around on the animation and just hid the hover on the bar above it to display”none. Now I just need to make the whole wpm_6310_team_style_9 not overlap the heading below it. So basically I’m asking how do I set the opacity to just the Designation, not the whole thing?

    Thread Starter avatarix

    (@avatarix)

    I figured it out! Yay! I just added a -1 z-index in the page in each paragraph where the shortcake for this appears.

    Woo!!!

    Thread Starter avatarix

    (@avatarix)

    Resolved

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Designation animation’ is closed to new replies.