Topic: List Style

Ben99
February 20, 2024 at 8:25 am

thank you very much for your help and i have one more question about the list style, how can i create icon hooks or a plus sign instead of dots?

Ying

February 20, 2024 at 9:08 am

Hi there,

Try this CSS:

.inside-article ul > li:before {
    content: "+";
    margin-right: 0.5em;
}
.inside-article ul{
    list-style: none;
}

Ben99
February 22, 2024 at 2:33 am

thank you for your feedback.
Is there an icon libary and how can i add icons here as an example a hook icon?
David
February 22, 2024 at 4:05 am

Hi there,

the content CSS property has some limitations on what it can contain.

One thing it does handle are HTML symbols.
See here:

https://www.toptal.com/designers/htmlarrows/symbols/

They’re not icons as such so the choices are limited by they are built into the browser.
Each icon will give you the required content property to use.

Otherwise you would need an image file of the hook you want to use.
Let us know if you do and we can advise on how to use that.
Ben99
February 22, 2024 at 6:56 am

super many thanks and it works!!
David
February 23, 2024 at 2:58 am

You’re welcome

Viewing 6 posts - 1 through 6 (of 6 total)

List Style