Adding custom social icons

  • Resolved Regenpfeifer

    (@regenpfeifer)


    4 years, 7 months ago

    Hello,

    I am still working to understand all the options and possibilities of this great theme.

    Is there a way to add custom sites / services to the social icons menu? I see, that the styles.css provides icons for a lot of services, but there seems no way to add custom services. I am using some services of the fediverse and would like to add icons for friendi.ca, pixelfed.de etc.

    I have tried to add the following code to the CSS in the WordPress customizer:

    .s-icons a[href*="pixelfed.de"]::before { content: '\f302'; font-family: 'Font Awesome 5 Brands'; }
.s-icons a[href*="regenpfeifer.net"]::before { content: '\f0c0'; font-family: 'Font Awesome 5 Brands'; }

    Unfortunately, the icons which are called in this way are broken.

    Is there any other possibility to add some custom icons?

    Thank you for any help!
    Yours, regenpfeifer

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @regenpfeifer,

    I’m glad you like it! You’re on the right track – remove the “Brands” part of the font family name, and they should be displayed correctly. The two icons you include are part of the regular Font Awesome 5 font, rather than the Font Awesome 5 Brands one (which only includes logos for different brands).

    — Anders

    Thread Starter Regenpfeifer

    (@regenpfeifer)

    Thank you very much, Anders, that works fine!

    — Yours, regenpfeifer

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding custom social icons’ is closed to new replies.