-
AuthorPosts
-
January 5, 2017 at 12:20 pm #729825
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 #729938Hey!
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, 11 months ago by Yigit.
January 5, 2017 at 6:43 pm #730003Thank 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 #730004And can i make the icons bigger? Double size?
January 5, 2017 at 6:45 pm #730005Hi!
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,
YigitJanuary 5, 2017 at 7:02 pm #730012Cool. nearly perfect.
January 5, 2017 at 7:08 pm #730018January 5, 2017 at 7:28 pm #730031Nope. There is still the icon over the picture. :(
January 5, 2017 at 7:47 pm #730040Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.