Okay
  Public Ticket #3033088
team member
Closed

Comments

  •  32
    Tes started the conversation
    April 27, 2022 at 7:12pm

    Hi there, 

    I've some questions regarding the team member element: 

    1. Would it be possible to disable the animation when you hover over the team member image on this page: https://www.staging20.kleidi.nl/over-kleidi/ ? 

    2. Would it be possible to change the position of the arrow from below the name to next to the name? 

    3. Would it be possible to change the color of the arrow (to red)?

    Thanks in advance. 

    Best regards,

    Tes

  •  8,839
    Tahir replied
    April 28, 2022 at 12:01am

    Hey Again,

    1 & 3 .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_alt] .team-member-image-inner {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.team-member[data-style=bio_fullscreen_alt] .team-member-image {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.nectar-cta .link_wrap .link_text {
    color: #f21c00 !important;
}
.nectar-cta[data-style=arrow-animation] .line {
    background-color: #f21c00 !important;
}

    2. I am afraid its not possible at the moment.

    Thanks


    ThemeNectar Support Team 

  •  32
    Tes replied
    April 29, 2022 at 8:05pm

    Thanks! That will work. 

    Three more questions: 

    1. Would it be possible to delete the animation for the Bio page as well? The big picture on the right is zooming out. 

    2. Is it possible to create more padding on the left side around the text? 

    3. Would it be possible to change the color of the icons and the hover color as well? 

    That would be all. 

    Thanks in advance. 

    Best regards, Tes

    ps: the attached image is a different site but just for the idea so you know what part I mean. 

  •  8,839
    Tahir replied
    May 3, 2022 at 1:56am

    Hey Again, Hope you had a Positive Weekend, 

    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):

    .nectar_team_member_overlay .team_member_details {
    padding: 8% 65% 4% 15% !important;
}
.nectar_team_member_overlay .bottom_meta a:not(:hover) i {
    color: #f21c00 !important;
}

    Thanks

    ThemeNectar Support Team