"remove cursor detail in team members" (#2403269) / ThemeNectar

Comments

Getsu started the conversation
May 14, 2020 at 10:25pm
Hello!
My client doesn't like the cursor detail in the Team Members templates. Is it possible to remove this detail (i.e. the cursor is a circle with a cross in it).
Many thanks
Lee-Anne

8,884

Tahir replied

May 15, 2020 at 2:31am

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

.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 50px;
    transform-origin: center;
    margin-bottom: 10px;
    cursor: pointer;
    border: 2px solid;
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before {
    position: absolute;
    display: block;
    height: 2px;
    width: 16px;
    left: 6px;
    top: 13px;
    content: ' ';
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after {
    position: absolute;
    display: block;
    height: 16px;
    width: 2px;
    left: 13px;
    top: 6px;
    content: ' ';
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before, .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after{
    background-color:#000 !important;
}
.nectar-close-indicator {
    opacity: 0 !important;
}

Thanks

ThemeNectar Support Team

Getsu replied
May 17, 2020 at 5:15am
Thanks Tahir, I added the code, but there is now a circle with a cross in it at the top of the profile page, see
https://healingpond.com.au/practitioners/
I'd like to remove this also.
I added the code you suggested underneath code suggested in my previous query - as below. Do I need the reposition the code within the CSS code section of Salient? Grateful for your advice.
Many thanks
Lee-Anne

.home-wrap {
padding-top: 0;
}

.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
height: 32px;
width: 32px;
border-radius: 50px;
transform-origin: center;
margin-bottom: 10px;
cursor: pointer;
border: 2px solid;
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before {
position: absolute;
display: block;
height: 2px;
width: 16px;
left: 6px;
top: 13px;
content: ' ';
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after {
position: absolute;
display: block;
height: 16px;
width: 2px;
left: 13px;
top: 6px;
content: ' ';
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before, .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after{
background-color:#000 !important;
}
.nectar-close-indicator {
opacity: 0 !important;
}
8,884
Tahir replied
May 17, 2020 at 9:21pm
Hey Again,
I enabled the mobile cross so that uses know how to go back . If you dont want it only use the below css and remove the other code blocks.
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):

.home-wrap { padding-top: 0; } .nectar-close-indicator { opacity: 0 !important; }

Thanks
ThemeNectar Support Team

1 Like