Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1416155

    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 ?

    #1416170

    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:
    Enfold_Support_2913.jpeg
    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

    #1416954

    Okay thanks mike

    #1416972

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change the place of social Icon’ is closed to new replies.