icon list

1 reply · opened Apr 1, 2020

LLAOApr 1, 2020

In iconlists, is there a way to make all of the bullets the same for all the list items, without having to specify the icon for each item.

So instead of:


       
- Text

The icon class could be on the ul:
``

SSemicolon WebSTAFFApr 2, 2020

Hello,

Unfortunately, this is currently not supported and would create problems. You can consider using the following CSS Code:


.iconlist.icon-star:before {
	display: none;
}

.iconlist.icon-star li:before {
	content: "\eb91";
	position: absolute;
	left: -1.75em;
	width: 1.75em;
	text-align: center;
	top: 1px;
	width: 14px;
}

However, this is not optimized as some the CSS Properties are applied to the .icon-* Classes causing the Font Family to not get applied properly. You can consider extending this codes further manually.

Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard