Changing the icon?

@tikitouringkiwi, I’ve removed the URL on your original post because it looked spammy and it wasn’t using this plugin.

It’s much better to say what exactly you’re looking for in plain English than to link to a website and say “like that”.

It’s also great if you could explain why exactly you can’t achieve that style; what is the issue you’re facing?

Hey @anevins ,

Apologies, wasn’t spam I promise…thought that site was using EasyFootnotes having checked the sourcecode.

Always thought pictures paint 1000 words ?? Really struggling with how to write this in plain English lol.

Currently the footnotes are labelled 1,2,3,4,5…is it possible to change them all to one icon? (like a little info sign).

Sure, let’s take a look at your site.

Hey Andrew,

Thanks, this is the site I have them on: https://churnewzealand.com/catlins-itinerary/

Will be producing similar pages so would like the info icon to be sitewide.

Cheers

In the Additional CSS part of the dashboard try adding:

/* Add the footnote icon */
.easy-footnote a {
    background-image: url('https://api.iconify.design/mdi:information-outline.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 20px;
    width: 20px;
}

/* Hide the text of the footnote */
.easy-footnote sup {
    height: 1px;
    left: -10000px;
    position: absolute;
    top: auto;
    width: 1px;
    overflow: hidden;
}

Hey Andrew, that worked a dream! Thanks so much, much appreciated ??