[LianG]

Afternoon,

I’m having a problem with my social icons. Their very close together, the FB, Twitter and Pinterest icons have the letters A, B & L behind them and there a light oval around these three icons.

I used this code from the Impose Documentation and place it in the Header Social Icons under Widgets.

[social_icon type="facebook" url="https://www.facebook.com/FashionHoax"][social_icon type="twitter" url="https://twitter.com/fashionhoax"][social_icon type="instagram" url="https://www.instagram.com/fashionhoax"][social_icon type="pinterest" url="https://uk.pinterest.com/FashionHoax"][social_icon type="youtube" url="https://www.youtube.com/c/fashionhoax"]

My other question is about the Language Selector. I made my blog multilingual and want the language options to stand next to the social icons. Even though I pasted the Language Selector in the Header Social Icons under the Social Icons, the dropdown for English or Dutch is not placed in the header.

Here’s my blog: liangalliard.com.

Thank you in advance.

[serkan]

Hi LianG,
You can use flag icon styles for multilanguage instead of the dropdown menu. You can paste the selector in the header social icons section.
One of your plugins is conflicting with social icons. Please deactivate all your plugin and activate one by one and find out which is playing with your theme.
Thanks

[LianG]

Hi Serkan,

Thanks for your help, we figured it out!

Just one more question: How can I replace the Dribbble icon with the Filled Heart icon? Could you tell me what css code and short code I need for that?

Do we need to install Fontello for this?

Thanks!

[serkan]

You can try to use this custom css code;

.pw-icon-heart:before { content: '\e82c'!important; }

[LianG]

I imported the Custom CSS code from above in “Custom CSS” and
in the “Header Social Icons” I used this short code “[social_icon type="heart" url="https://www.bloglovin.com/"].

I deactivated all my plugins and the “Heart” icon is still not showing-up/working.

What am I doing wrong?

Here’s my blog: liangalliard.com.

[serkan]

Please use the shortcode like this for header social icon.
[social_icon type="dribbble" url="#"]

After that please replace this new custom css code;

.social-link.dribbble:before { content: '\e821'; }

So you will get a heart icon instead of dribble icon.
Thanks

[LianG]

Thanks for all your help Serkan!

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.