• Resolved Jonathon N

    (@imagiscapeca)


    In the footer of my site, three circular buttons appeared – facebook, twitter, instagram. Solid facebook-blue for facebook, solid twitter-blue for twitter, and instagram-gradient for instagram. No icons appear. They are not recognizable. Looking at the code, which refers to the class as a background, makes me think these images are just backgrounds for missing icons. ???

    Edit: I removed the buttons – clicking on them did nothing – the “a href” links are valid but clicking did nothing. I will restore the buttons if someone can address at least one of these problems.

    Inspect Element reveals, for one of the buttons:
    <i style=”width:32px;height:32px;border-radius:999px;” alt=”Instagram” title=”Instagram” class=”theChampSharing theChampInstagramBackground”><ss style=”display:block” class=”theChampSharingSvg theChampInstagramSvg”></ss></i>

    More, wider context:

    `<div class=”heateor_ss_follow_icons_container”><h5>Elsewhere:</h5><aside id=”%1$s” class=”widget %2$s”><ul class=”heateor_ss_follow_ul”><li class=”theChampSharingRound”><i style=”width:32px;height:32px;border-radius:999px;” alt=”Facebook” title=”Facebook” class=”theChampSharing theChampFacebookBackground”><ss style=”display:block” class=”theChampSharingSvg theChampFacebookSvg”></ss></i><li class=”theChampSharingRound”><i style=”width:32px;height:32px;border-radius:999px;” alt=”Twitter” title=”Twitter” class=”theChampSharing theChampTwitterBackground”><ss style=”display:block” class=”theChampSharingSvg theChampTwitterSvg”></ss></i><li class=”theChampSharingRound”><i style=”width:32px;height:32px;border-radius:999px;” alt=”Instagram” title=”Instagram” class=”theChampSharing theChampInstagramBackground”><ss style=”display:block” class=”theChampSharingSvg theChampInstagramSvg”></ss></i>‘

    • This topic was modified 4 years, 9 months ago by Jonathon N.
    • This topic was modified 4 years, 9 months ago by Jonathon N.
    • This topic was modified 4 years, 9 months ago by Jonathon N.
    • This topic was modified 4 years, 9 months ago by Jonathon N.

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

Viewing 1 replies (of 1 total)
  • Plugin Author Heateor Support

    (@heateor)

    Hi there,

    Sorry for the late reply.
    Seems CSS of your website is overriding that of the follow icons. If you enable icons for a while, would be able to suggest you solution.

Viewing 1 replies (of 1 total)
  • The topic ‘buttons only show backgrounds, no icons, so not recognizable’ is closed to new replies.