Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 12, 2017 at 11:56 pm #888107
    djabsolut

    Hi Enfold Team,

    I have read the following thread https://kriesi.at/support/topic/adding-numbers-to-icon, unfortunately the thread has already been closed. I’d like to know how to use your icon list feature (https://kriesi.at/themes/enfold/shortcodes/iconlis/) with numbers instead of entypo-fontello characters. Is there any way?

    Thank you for your support!

    December 13, 2017 at 12:30 am #888135
    Jordan Shannon

    Hey djabsolut,

    Please turn on custom CSS field for ALB elements and give your icon list element a custom class and then post the link to your page. We will provide you custom CSS code for a workaround.

    Best regards,
    Jordan Shannon

    December 13, 2017 at 12:38 am #888140
    djabsolut

    Hi Jordan,

    Thanks for the quick reply.

    I’d like to have the numbers 1 to 5 on the left and 6 to 10 on the right. That would be awesome.

    Thanks in advance.

    December 13, 2017 at 12:52 am #888157
    Jordan Shannon

    Hi,

    Did you turn on the custom classes already?

    Best regards,
    Jordan Shannon

    December 13, 2017 at 12:54 am #888159
    djabsolut

    Yes, the classes are named:
    iconlist_left_numbers
    iconlist_right_numbers

    Thank you!

    December 15, 2017 at 11:00 pm #889432
    djabsolut

    Hi Jordan,

    do you have any update on that topic for me?

    Best

    December 16, 2017 at 4:49 pm #889565
    Victoria

    Hi Frederick,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.iconlist_left_numbers li:nth-child(1) .iconlist-char:before {
    content: '1';
}
.iconlist_left_numbers li:nth-child(2) .iconlist-char:before {
    content: '2';
}
.iconlist_left_numbers li:nth-child(3) .iconlist-char:before {
    content: '3';
}
.iconlist_left_numbers li:nth-child(4) .iconlist-char:before {
    content: '4';
}
.iconlist_left_numbers li:nth-child(5) .iconlist-char:before {
    content: '5';
}

    The same for the other side, just use different class and change numbers.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 17, 2017 at 10:28 pm #889831
    djabsolut

    Hi Victoria,

    Thank you very much! This worked perfectly. Looks great and is exactly what we have been looking for.

    Thanks!

    December 17, 2017 at 11:06 pm #889844
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Numbered icon list’ is closed to new replies.