Tagged: icon list
Hello,
I am also interested in using letters for my list. Can I display a letter as the icon would display in the icon list (as mcass described in this post)?
I turned on CSS field for ALB elements. Can you advise on what this CSS should be?
Thank you for the help!
Valerie
Hey vevans2,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.custom-iconlist li:nth-child(1) .iconlist-char:before {
content: 'A';
}
.custom-iconlist li:nth-child(2) .iconlist-char:before {
content: 'B';
}
.custom-iconlist li:nth-child(3) .iconlist-char:before {
content: 'C';
}
.custom-iconlist li:nth-child(4) .iconlist-char:before {
content: 'D';
}
I already edited your element and gave it custom CSS class “custom-iconlist”.
Best regards,
Yigit
Hi Yigit,
Thank you so much!! Thank you also for explaining how it is done. I tried to create my own custom iconlist with a different name and was able to do it.
Thank you for the great support
Have a nice weekend,
Valerie
Hi,
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Enjoy your weekend!
Regards,
Yigit