How do I add Icon List?

Questions
1

Is there a way to create an icon list?

Can I add the font from Font Awesome with CSS? I was trying to add it with CSS like this:

ul li {
   list-style: none;
}

ul li:before {
        margin-right: 10px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f0c8';
        color: #c00;
    }

No luck on my part.

This is sort of what I’m looking to do.

image

2

For a simple solution you can do this -

  1. create a div, add one icon/image and span/h3 inside.
  2. loop the div four times.

for font you can use google fonts, or maybe some open source font library if you don’t like google fonts.
One good open source font library is XZ Fonts
You will get installation guide on their site. It works in Divhunt perfectly.

1 Like
3 
self li::before {
	content:"";
	background-image:url('https://global.divhunt.com/c6e69b586e86cb6b888a0d0f879f7181_331.svg');
	display:block;
	width:16px;
	height:16px;
	min-width:16px;
    background-size:cover;
}
4

Thank you! I was looking for a no-code way inside builder, which I think I found!

In creating a list Item, I looped it the number I needed. I added an icon and a span, which creates the same effect.

image

5

@Pakic Sorry for reviving this thread. I watched the Loom video, but you’ve made some updates in the meantime. I can style the list according to your instructions up to the 3:52 minute of the video, but not after that.

6

My bad, ignore it, I figured out it’s under Additional settings.