Tagged: Social element
When we hover on the image of any team member, Linkden icon is visible and it is also visible in the pop up window where the description is written. I don’t want the icon to appear when someone hovers on it. And also the icon visible on the pop up window appears over the image of the person, can I do something the make its position to below the image ?
Hey sarthakchoudhary,
Thank you for the link to your site, the following css will remove the Linkden icon from the team member images and move the icons down in the popup, due to the limited space under the images in the popup the icons will be half over the bottom with some box shadow to make them look nicer:
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.team-img-container:hover .team-social-inner {
display: none;
}
.white-popup .team-img-container:hover .team-social-inner {
display: block;
}
.white-popup .team-img-container .team-social-inner {
top: 98%;
}
.white-popup .team-img-container .team-social-inner a {
box-shadow: 0 0 4px #000;
}
.white-popup .team-img-container {
overflow: visible;
}
.white-popup .team-img-container {
margin: 0 20px 20px 0;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Okay thanks mike
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike