Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 5, 2017 at 12:20 pm #729825
    diefleischerei

    hi. i do an survey with my target group.

    therefor i have a list with qestions.the people write me emails with their questions an i add it to the icon list. how can i add a picture of the person who aked the question instead of an icon.

    is there an easy way to get this done? for example i want to use this image for the first question (mia). rounded effect . http://imgur.com/a/iyKtr

    January 5, 2017 at 4:57 pm #729938
    Yigit

    Hey!

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your icon list element and give it a custom CSS class and then add following code to Quick CSS

    .your-custom-class .avia-icon-list li:nth-child(1) .iconlist_icon {
    background: url(https://i.imgur.com/nsQpgT6.jpg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.your-custom-class .iconlist-char { display: none; }

    You should add the same code as many times as you need and then increase “1” and change background URL

    Best regards,
    Yigit

    • This reply was modified 7 years, 10 months ago by Yigit.
    January 5, 2017 at 6:43 pm #730003
    diefleischerei

    Thank you. Really great. But now all other icons are lost. i hab 20 icons but only 3 persons who asked already. all other icons should be displayed :)

    Any ideas? Thank you so much :)

    January 5, 2017 at 6:44 pm #730004
    diefleischerei

    And can i make the icons bigger? Double size?

    January 5, 2017 at 6:45 pm #730005
    Yigit

    Hi!

    Please use the code as following one 

    .your-custom-class .avia-icon-list li:nth-child(1) .iconlist_icon {
    background: url(https://i.imgur.com/nsQpgT6.jpg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.your-custom-class .avia-icon-list li:nth-child(1) .iconlist-char { display: none; }

    Regards,
    Yigit

    January 5, 2017 at 7:02 pm #730012
    diefleischerei

    Cool. nearly perfect.

    January 5, 2017 at 7:08 pm #730018
    Yigit

    Hi!

    Shall we mark the thread as resolved? :)

    Regards,
    Yigit

    January 5, 2017 at 7:28 pm #730031
    diefleischerei

    Nope. There is still the icon over the picture. :(

    January 5, 2017 at 7:47 pm #730040
    Yigit

    Hi!

    Please check this code once again – https://kriesi.at/support/topic/how-can-i-add-images-instead-of-icons/#post-730005
    You should increase the number of both “nth-child(1)” to “nth-child(2)”

    Regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.