Social Icons hover missing

FreeBatman

Hello,

I have the following social link icons. I added xing the way I think it should be. linkedin was already contained in the demo template

[icon_bar icon="icon-xing" link="#" target="_blank" size="small" social="xing"]

[icon_bar icon="icon-linkedin" link="#" target="_blank" size="small" social="linkedin"]

The xing icon has no hover effect (background color). See attachement.

Either I implemented it wrong or there is css missing ?.

hover.jpg

Kind Regards

Eric

Phil

Hello,

Not all icons have a background color.

Xing is one of the icons that does not have it.

When you use the shortcode generator from the Column Text element, you can see which socials have the background.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FreeBatman

Hi Phil,

thank you for you answer.

Can you please tell me what would be the css to solve this issue?

Phil

You can set the social to the one which has the most similar background like in the following example:

But if you want to use the CSS code, I will need a link to your website to take a closer look at it.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FreeBatman

This is the link.

https://prnt.sc/gEL8Lc9-N43s

Phil

You have coming soon enabled.

Can you turn it off for a while, please?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FreeBatman

Sorry. Now it works.

Phil

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

.icon_bar_xing .b{
   background: #213705!important;
   color: #fff!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FreeBatman

Thank you very much Phil ??