Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 29, 2016 at 1:42 am #102417
    de DIY Diva
    Participant

    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.

    October 29, 2016 at 7:38 am #102425
    Pratik
    Participant

    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

    October 29, 2016 at 11:13 pm #102469
    de DIY Diva
    Participant

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

    October 30, 2016 at 7:51 am #102487
    Pratik
    Participant

    I am glad it worked out 😀

    Regards,
    Pratik

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Social media icons’ is closed to new replies.