Icon List Minimal Small List Spacing

Hi @Jordan
All you need is a copy of the theme. I can’t give you login details as the site is not live.
Just create an Icon List, make it Minimal Small. Only use the List Item Titles only.
You will notice the icons touch each other. I need code to put spacing between the icons please.
The problem is fully explained in the link I already provided, which shows EMPTY , EMPTY 2 and WITH CONTENT icons touching each other due to no ‘list item content’ being entered in EMPTY and EMPTY 2.
It is a very common requirement to use the icon list as a better alternative to a bullet or numbered list (isn’t that why small icons were introduced?) and therefore a description is not always necessary or appropriate.
Hope that helps and you can help.
Regards,
H

@Mike,

Hi Mike, thanks for trying. That’s strange. It’s always happened (and still does on the latest 4.0.2)

I suspect you are probably using a larger default theme font than I. I have mine set to 15px which I guess is picked up Icon List Content Title Font Size = Default Size. ?

Here is a link to my screenshot.

I hope to have the site live soon, but if you could try a lower size font ….. ?

Much appreciated.
H

Hi,

Can you now try and put a background colour to the icon?

H

lol, yes of course Jordan.

Here is the problem.
<img src="List Item Icon Spacing Screenshot” alt=”List Item” />

The list on the left does not use the List Item Title, the text is in the List Item Content. (I don’t wish to use it this way)

I want to use the List Item Title, but when I do the “bullet points” are touching each other.

I just need some CSS to put spaces between them.

Hope this helps.
H

Thanks Jordan,

We got there in the end :)

Appreciate your time.

H