Okay
  Public Ticket #2058830
Showing Name and Title on Full Screen Bio
Closed

Comments

  • Tony started the conversation
    June 25, 2019 at 3:13am

    Hi - I'd like to have the team member meta info (name, title, etc.) show up automatically on page load not requiring hover. I'd like to keep the full screen bio modal style though. How would I do this? Thanks.

  •  8,994
    Tahir replied
    June 25, 2019 at 10:29am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it 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 {
    opacity: 1 !important;
    transform: translateY(0px) !important;
    -webkit-transform: translateY(0px) !important;
}
.team-member[data-style="bio_fullscreen"] .team-meta .arrow-line, .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end {
    opacity: 1 !important;
    -ms-transform: translateX(-8px) translateY(-50%);
    -webkit-transform: translateX(-8px) translateY(-50%);
    transform: translateX(-8px) translateY(-50%);
}

    Thanks

    ThemeNectar Support Team