Reply To: Bug with social media items when hovering on them in blog archive

Hello,

Please paste the below code into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.wd-post-share.wd-tltp .wd-tooltip-label,
.hovered-social-icons.wd-tltp .wd-tooltip-label {
	max-width: fit-content;
}

.wd-post-share.wd-tltp div.wd-tooltip-label {
	display: block !important;
}

body .blog-design-meta-image.has-post-thumbnail .wd-post-thumb {
	overflow: visible;
}

body .blog-design-meta-image .wd-post-img {
	border-top-left-radius: var(--wd-brd-radius);
  border-top-right-radius: var(--wd-brd-radius);
	overflow: hidden;
}

body .blog-design-meta-image:hover .wd-post-img {
	transform: none;
}

body .blog-design-meta-image .wd-post-img > picture,
body .blog-design-meta-image .wd-post-img > img {
	display: block;
	transform: scale(1);
	transition: all 0.5s cubic-bezier(0,0,.44,1.18);
}

body .blog-design-meta-image:hover .wd-post-img > picture,
body .blog-design-meta-image:hover .wd-post-img > img {
	transform: scale(1.1);
}

I’d be happy to assist if you have any other questions or concerns.

Kind Regards