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

Dear,

Please check the link and screenshot. You’ll see that when combining the blog archive style “Meta on image” and allowing all social plateforms supported as sharing platefoms, then the last icons have a bug (as shown in the screenshot).

Can you please fix this issue?
Thanks
Simon

Attachments:

You must be logged in to view attached files.

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

Will you fix this by default in the theme?

Hello,

Yep, it will be fixed in the next update.

In the meantime, feel free to ask me any questions you may have.

Kind Regards

[Author]

Posts