Tooltip on social share link button

Hi Oriano,

Please post admin WordPress login details in private to the site which this is not working on, so that we can have a closer look.

Best regards,
Rikard

Hi,

Thank you for the info.

It is not displaying correctly because the blog.css file is not being loaded in the page. Did you set the Enfold > Performance > Disabling of template builder elements to the second option?

Try to add this code in the Quick CSS field to adjust the style of social share tooltip.

.avia-related-tooltip.avia-tt {
    position: absolute;
    z-index: 9999999;
    padding: 0;
    width: 200px;
    border-radius: 2px;
    box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 10%);
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    margin-top: -10px;
}

Best regards,
Ismael

Hi,

Thanks for the update. We’ll keep this thread open for you.

Best regards,
Rikard

Hi,

Thank you for the info.

Glad to know that it is now working correctly. We will forward this thread to our channel. We might have to change the style of the sharing section a bit.

Best regards,
Ismael

Hi,

Can you please add the following code:

.avia-related-tooltip{
	position: absolute;
	z-index: 9999999;
	padding: 0;
	width: 200px;
	border-radius: 2px;
	box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
	border-width: 1px;
	border-style: solid;
	padding: 15px;
	margin-top: -10px;
}


.avia-related-tooltip .avia-arrow-wrap{
	top: auto;
	bottom: 0;
	position: absolute;
	left: 50%
}

.avia-related-tooltip .avia-arrow-wrap .avia-arrow{
	border-top: none;
	border-left: none;
	top: -4px;
}

at the bottom of enfold\css\shortcodes.css (will be added there in next update)

or until next update to the Quick CSS field.

FYI: Code is moved from enfold\config-templatebuilder\avia-shortcodes\blog\blog.css which is not loaded when blog is disabled.

Best regards,
Günter

Hi,

Great, I’m glad that Günter could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard