Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 17, 2015 at 5:26 am #537082
    r2tall

    Some of the built-in Entypo icons in Enfold are different widths, so when doing a list of text with icons to the left, the text isn’t aligned. In doing some research online, I found that other icon sets like Font Awesome have fixed width versions and there are also some people who say that using a custom Fontello version with the latest Entypo icons solved the problem. Others have forced the icons to be something like 1.5em wide and then centering them, but after trying a handful of things, nothing is working for me.

    So how can I best align the icons?

    Screenshot for reference:
    List of built-in Entypo icons in Enfold theme

    *I’m attaching a private link to a test page.

    • This topic was modified 9 years, 2 months ago by r2tall.
    November 17, 2015 at 5:54 pm #537520
    Elliott

    Hey r2tall!

    Add this to a codeblock element in the page.

    <style type = "text/css">
span.av-icon-char {
    width: 30px !important;
    display: block;
}
</span>

    Best regards,
    Elliott

    • This reply was modified 9 years, 2 months ago by Elliott.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.