SOLVED: Icon display problem in the icon list element

Bugs
1

Browser: Chrome 117
OS: Windows

Hi,

If the text is displayed in two lines in the icon list element, the icon display will have a little problem, and the problem is that the icon in that item that is in two lines is displayed in the center. While it is often important to place the icon at the beginning of the line in this situation.

Screenshot2
Screenshot2986Ă—455 17.1 KB

While this problem does not exist in Elementor, and this problem can be solved with the Vertical Position option.

Screenshot
Screenshot1061Ă—448 22.7 KB

2

Hi Jolia,
Thanks so much for your report!

Did you miss the “align items” setting? This does exactly that :thinking:
You may need to adjust the line-height in Style » Typography to make the icon align properly.

Theoretically we could add align-items: baseline, then the line-height problem can be avoided. All in all, this is not a bug.

Best regards,
timmse

3

Hi @timmse,

I used exactly this option. But it makes it worse. If you look at the image below, the icons are placed above the text. Even using the line height option doesn’t help.

Screenshot
Screenshot648Ă—548 19.7 KB

Adding the transform option for the icons seems to solve the problem completely. I hope you keep that in mind.

Screenshot2
Screenshot2784Ă—529 18.4 KB

4

Hi Jolia,
We’ve fixed this issue in Bricks 1.9.8, now available as a one-click update in your WordPress Dashboard.

Changelog: Bricks 1.9.8 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
timmse