Social Menu – Font Awesome + ion icons

  • Resolved littlebear211

    (@littlebear211)


    1 year, 5 months ago

    o appear in the social menu the css goes something like:

    social-icons ul a[href*=website.com/]:after{

    content: \f236}

    issue is that ion icons doesn’t have a goodreads icon. I currently set the icon as a book, but would like to have the goodreads logo.

    I tried adding fa-brands fa-goodreads (fontawesome classes) to the menu, it gives me the correct image, removes the hyperlink. menu-image plugin does the same.

    so I think I need to add it to the theme fonts but can’t figure out how tto do that. The instructions are confusing me (dyslexia is probably not helping) and can’t find a video.

    Can someone help give me an easy, breakdown step-by-step?

    I have left an example of what happens if I add a class to the menu

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter littlebear211

    (@littlebear211)

    Realised the text didn’t copy over fully, sorry

    I’m using infinity news child theme on littleseabear.com. infinity news uses ion icons and for the icon to appear in the social menu the css goes something like:

    social-icons ul a[href*=website.com/]:after{

    content: \f236}

    issue is that ion icons doesn’t have a goodreads icon. I currently set the icon as a book, but would like to have the goodreads logo.

    I tried adding fa-brands fa-goodreads (fontawesome classes) to the menu, it gives me the correct image, removes the hyperlink. menu-image plugin does the same.

    so I think I need to add it to the theme fonts but can’t figure out how the hell to do that.

    Thread Starter littlebear211

    (@littlebear211)

    I overcomplicated this for myself, all I had to do was change the font that was being used.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Social Menu – Font Awesome + ion icons’ is closed to new replies.