Okay
  Public Ticket #3360460
How do I make something stay automatically hovered?
Closed

Comments

  •  8
    Jamesway245 started the conversation
    May 1, 2023 at 5:22pm

    I'm specifically talking about the team members element and I want to utilize the bio modal but i still want the meta to be overlaid at the bottom, but i dont want users to have to scroll over to see that information. Is there a way for people to see the meta overlaid at the bottom of the picture without it having to be hovered over to see you their name and that you can click for more info?

  •  8,939
    Tahir replied
    May 1, 2023 at 6:24pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .team-member[data-style=bio_fullscreen] .team-meta h3, .team-member[data-style=bio_fullscreen] .team-meta p {
    transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    opacity: 1 !important;
}
.team-member[data-style=bio_fullscreen] .team-member-overlay {
    opacity: .3 !important;
}

    Thanks

    ThemeNectar Support Team 

  •  8
    Jamesway245 replied
    May 1, 2023 at 9:30pm

    You guys are awesome. Thank you so much.

  •  10
    davidkhuffman replied
    September 6, 2023 at 11:53pm

    Is there a way to make this CSS page-specific? 

    Or, really Row on a Full Page-specific? (use Extra Class Name?)

    E.g., I'd like to use the Team Member element on different pages of a Full Page site and have the forced-hover-on only apply to one of the Full Pages.

    (I realize this is a lot to ask!!)

    Thx.

    dh

  •  8,939
    Tahir replied
    September 7, 2023 at 10:25am

    Hey Again,

    You can add the CSS in the Page Builder Settings: 

    5038538935.png

    Thanks.

    ThemeNectar Support Team