Add custom social network icon

  • Resolved krekadra

    (@krekadra)


    9 years, 10 months ago

    Hi Anders! Thank you for a great themes. Please can you help me, I want to add a custom network at social menu (Russian vk.com for example), but I don’t know what to edit to add a custom icon. I’ll be happy if you help me or even give me a link what to read.

Viewing 3 replies - 1 through 3 (of 3 total)

  • 1. Go to: https://fortawesome.github.io/Font-Awesome/icons/
    2. Search for the icon that you want and copy the Unicode value
    3. Add code (like the following) to your CSS

    .social-menu li a[href*="soundcloud.com"]::before {
	content:'\f1be';
}
.social-menu li a[href*="/feed/"]::before {
	content:'\f09e';
}
    Thread Starter krekadra

    (@krekadra)

    Hello Steven! Thank you for your answer, I have already found solution. For vk.com it was:

    .social-menu li a[href*="vk.com"]::before{content:'\f032'}
.social-menu li a[href*="vkontakte.ru"]::before{content:'\f032'}

    I have added this code after this:
    .social-menu li a[href*="instagram.com"]::before{content:'\f16d'}

    There are no icon for vk.com in fontawesome, but f032 looks similar.

    Here is my result: https://maminapechka.ru/

    krekadra, can you mark this thread resolved? You should see that in the column on the right.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add custom social network icon’ is closed to new replies.