Hi, can you tell me how I’d go about replacing the Avia CSS bullets with an actual .png icon? I’ve tried implementing ‘background-image’ with variations but can’t get them to display.
Thanks,
Graeme
Hi Graeme,
Try with this code:
.entry-content-wrapper div li {
list-style: none;
background: url("PATH_TO_YOUR_PNG") no-repeat center left;
padding-left: 20px;
}
If it doesn’t work please provide us a link to your website and the png you want to be used as bullets.
Regards,
Josue
Hi Josue,
Thanks for your reply, but that didn’t seem to work – I’m still left with a blank space where I’d expect the icon to be displayed. I can’t post the URL publicly, as per the client’s request, but if there’s an email I can send it to I’ll include the URL, login details and the icon I intend on using?
Thanks, Graeme
Awesome, thank you – I’ve just sent over an email with the details.
Speak to you soon, Graeme
Hi Graeme,
It is done, please check the email i sent you.
Regards,
Josue