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:
<ul class=”iconlist”>
<li><i class=”icon-star”></i>Text</li>
…
</ul>The icon class could be on the ul:<ul class=”iconlist icon-star”>
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