Social Icons hover missing

FreeBatman · May 2022

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 ?.

Kind Regards

Eric

Phil · May 2022

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

FreeBatman · May 2022

Hi Phil,

thank you for you answer.

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

Phil · May 2022

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

FreeBatman · May 2022

This is the link.

Phil · May 2022

You have coming soon enabled.

Can you turn it off for a while, please?

Thanks

FreeBatman · May 2022

Sorry. Now it works.

Phil · May 2022

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

FreeBatman · May 2022

Thank you very much Phil ??

Comments