[de DIY Diva]

Hello, I loved the Helena free theme so much that I bought the Helena pro. It’s very nice!

I have a problem with the social media icons. As you can see below my page at http://www.diydiva.nl/ they are fine, except for the first one. This icon is just placed a bit higher than the others. It’s for Bloglovin, a blogfeedreader you don’t support in the social media list. How can I place everything on the same height?

I read the manual of Helena, I downloaded Catch webtools, but I still don’t understand how I could use my own icon images in a menu, instead of your icons. Can you please help?

Thank you,
Martine.

[Pratik]

Hi @de-diy-diva,
Thank you for liking and using our theme Helena Pro. To make the icon same height, you will require to add new CSS code for each new link. E.g: for the current one use following CSS code in Appearance=> Customize=> Theme Options=> Custom CSS box:

.social-menu ul a[href*="bloglovin.com"]::before {
    content: "\f475";
}

Since we use genericons for adding social icons, I am afraid to say that it does not support Blog Lovin, so either you can do some custom work(will require some professional help), or choose any icon from the list in Genericons. Just replace the code in content: "\****" and it will work as I have added a globe currently in code given above.

Hope this helps.

Regards,
Pratik

[de DIY Diva]

Thanks, I choose the heart symbol instead, which is also a “trademark” of Bloglovin’, so problem solved!

[Pratik]

I am glad it worked out 😀

Regards,
Pratik

[Author]

Posts