Updated
May 29, 2024
Updated
May 29, 2024
Updated
May 29, 2024
Need support?
Need support?
Need support?
Custom List Icons
Custom List Icons
Custom List Icons
Replace standard • list item markers with whatever text icon you'd like.
Replace standard • list item markers with whatever text icon you'd like.
Replace standard • list item markers with whatever text icon you'd like.
![](https://framerusercontent.com/images/pK5o1yvj9ri76cUSKBpj0Iev7Q.png)
![](https://framerusercontent.com/images/pK5o1yvj9ri76cUSKBpj0Iev7Q.png)
![](https://framerusercontent.com/images/pK5o1yvj9ri76cUSKBpj0Iev7Q.png)
How it works
In the Custom CSS window, simply change the text icon within the variable labeled --list-icon
to see an immediate change in the list design. Note: You can also manually change the color of a list item (ex: something that's not included in a pricing card) and the custom icon will be recolored, too.
In the Custom CSS window, simply change the text icon within the variable labeled --list-icon
to see an immediate change in the list design. Note: You can also manually change the color of a list item (ex: something that's not included in a pricing card) and the custom icon will be recolored, too.
In the Custom CSS window, simply change the text icon within the variable labeled --list-icon
to see an immediate change in the list design. Note: You can also manually change the color of a list item (ex: something that's not included in a pricing card) and the custom icon will be recolored, too.
![](https://framerusercontent.com/images/dYLMtJRep8oYSv1HPbY589JDzCA.png)
Still have a question?
Check out the FAQ page, or send a message via the Contact page.