Change Icon List Font and Other Icon Fonts?

Hey dwainpipe,

Thanks for the screenshot. Could you post a link to where we can see the actual element as well please? You likely only need to adjust the line height of the text.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

h4.av_iconlist_title {
    line-height: 22px;
}

Best regards,
Rikard

Hi,

Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,
Sorry for the very late reply, and thanks for the login, but I’m not sure what you mean by “some of the icons and text don’t align consistently”, when I check your page the difference I see is that the amount of text for the titles, for desktop the text fits in one line, but for tablet, for example, the longer text strings create two or three lines, creating more space between the icons.
Is this what you mean?

Best regards,
Mike

Hi,
Thank you for the screenshot, so to me it looks like the three columns of icons do not align consistently across all three columns because some icon text is two lines while others are only one line. I recommend having the icons with two lines of text in the same place in each column, for example, if the first item in each column has two lines of text while the rest are only one line, then each column will align. The same would be true if all items had only one line of text, or if all had two lines. But since only a few have two lines, try to split them between the columns evenly.

Best regards,
Mike