4 replies · opened Apr 18, 2021
I have seen this same issue over and over in different areas. If there is a second line in a UL, it does not align properly. See picture example: "trading" should be aligned with "TradeStation" but it is not.
What is the best way to address this?
Thank you!
Hello,
Apologies for the Inconveniences!
We are already working on making this better and more flexible and an update will be released soon. Meanwhile, please consider using this 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;
}[/ch_pre]
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you! This works great for the most part. I am seeing one strange behavior: Links are displayed in the incorrect location. See pic. The display:flex line is the one triggering the behavior. What can be done to fix this?
.iconlist li {
position: relative;
display: flex;
align-items: baseline;
font-size: 17px;
color:#a6a6a6 ;
font-weight: 300;
}Also, another funny behavior. Spacing before and after links is removed. (I added margin in the pic to compensate for this.)
I found a fix for this. If I put the li body in a div, it works fine.
Hello,
Thanks for the Patience!
We will release necessary updates to fix this issue.
Meanwhile, do let us know if we can help you with anything else.
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