Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 11, 2015 at 2:54 am #501365
    kgbrooklyn

    Hi there,

    Is there anyway to add numbered icons?

    Paul

    September 11, 2015 at 1:21 pm #501603
    Yigit

    Hey Paul!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your icon element a custom class and then post the link to your page and point out the icon you would like to edit.

    Best regards,
    Yigit

    September 22, 2015 at 11:46 pm #507420
    kgbrooklyn

    Hey, I’m not exactly sure what you mean.

    As a reminder, I want the icons that appear on this page (http://learnclubdance.com/accessories/) to be numbered. I have an area that says “3 Easy Steps” That is where I want the icons to be numbered, instead of showing the music note icon.

    I added the following code to functions.php:
    add_theme_support(‘avia_template_builder_custom_css’);

    What do I do now?

    September 23, 2015 at 6:56 am #507504
    Rikard

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    September 23, 2015 at 11:47 am #507627
    kgbrooklyn

    enclosed below

    September 23, 2015 at 11:53 am #507631
    Yigit

    Hi!

    I have edited your element and gave it a custom class “custom-icons” and then added following code to bottom of Quick CSS field

    .custom-icons li:nth-child(1) .iconlist-char:before {
    content: '1';
}
.custom-icons li:nth-child(2) .iconlist-char:before {
    content: '2';
}
.custom-icons li:nth-child(3) .iconlist-char:before {
    content: '3';
}

    Regards,
    Yigit

    September 23, 2015 at 3:21 pm #507880
    kgbrooklyn

    awesome, thank you very much for this

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adding Numbers To Icon’ is closed to new replies.