Icons in bullet list

Question

Hi Is there an option to make sure the icon stays left of all of the text in a li item please, even when the text in the li runs onto more than one line. Grateful for any guidance.

SemiColonWeb · Accepted Answer

Hello,

Apologies about this issues. There is a Slight Bug in the Code that is causing this issue. Consider using the following CSS Code:
[ch_pre type="css"].iconlist li {
position: relative;
display: flex;
align-items: baseline;
}

.iconlist > li [class^="icon-"]:first-child,
.iconlist > li [class*=" icon-"]:first-child {
width: 1rem;
margin-right: 0.75rem;
flex: 0 0 auto;
}[/ch_pre]

This will definitely fix the issue. We will include this in the nest update. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

veejones · Answer

Many thanks that has worked beautifully

Semicolon Web · Answer

Hello, Very Happy to Help! ? Do let us know if we can help you with anything else or if you find any further issues with Canvas.