Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 14, 2015 at 3:43 pm #502838

    youknowalex
    Participant

    Is it possible to have ordered numbers instead of iconfont icons for the icon list?

    http://kriesi.at/themes/enfold/shortcodes/iconlis/

    I am looking to illustrate a 10 step plan and since it is hard to find a matching icon for every of those 10 steps I would rather just have that list with ordered numbers going from 1 to 10 instead of Icons. Unfortunately numbers are not included in the Entypo Icon font. I like the look of that Iconlist so I do not want to substitude with a regular <ul> <li> type of thing…

    Is this possible?

    • This topic was modified 4 years, 1 month ago by  youknowalex.
    September 14, 2015 at 5:33 pm #502931

    Elliott
    Inactive Moderator

    Hey youknowalex!

    Add this to a codeblock element in your page content.

    <style type = "text/css">
.avia-icon-list > li:nth-child(1) span::before {
    content: "1" !important;
}
.avia-icon-list > li:nth-child(2) span::before {
    content: "2" !important;
}
.avia-icon-list > li:nth-child(3) span::before {
    content: "3" !important;
}
</style>

    Best regards,
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.