Changing Infobox Icons

MetOne · May 2016

Hello,

I'm trying to change the infobox ticks to something different using the following:

.infobox ul li::before { background: url('http://imgur.com/wmSymxP') !important; }

However I can't seem to get it to work. I have tried using a URL from the Wordpress Media library and I've tried with/without the quotation marks. I've pasted this into the Custom CSS page in the Theme Options. The default ticks seem to disappear but nothing replaces them.

Albert · May 2016

Hi,

please send us link to page where you tried to change list background so we can have a look on it.

Thanks!

MetOne · May 2016

http://www.giraffecoaching.co.uk - In the "how it works" section

Albert · May 2016

Ok, thanks. As you can see on http://pasteboard.co/FGztmt5.png the link you put, does not work. This is the reason why above code does not work.

MetOne · May 2016

Thanks for having a look. I've changed to the link to go to the image in my Wordpress Media library and it isn't showing up either. Is there a recommended way to do this?

This is what I've used now:

.infobox ul li::before { background: url('http://www.giraffecoaching.co.uk/wp-content/uploads/2016/05/tick.png') !important; }

Albert · May 2016

Your css is fine. However the problem is with too large image. You can not use such large images. You supposed to use similar size to what we used for default icons - 16x16px.

MetOne · May 2016

Ah I just assumed it would resize! Thank you very much this seems to have worked!

Albert · May 2016

You are welcome!

Changing Infobox Icons

Comments