-
Hi,
I have watched the video by Johnathan on lists in 2.0.
How do you style the list marker? Make the marker (SVG) vertically centered to the list item text and control its size and spacing, similar to how we could control an icon for a headline. I tried positioning, but that positions the entire list item, not just the marker.
Thank as always,
Scott -
I think I have answered my question.
I can select the list item and then use the block (gear icon) settings, not the styles, to add an icon. Then I can use the list item settings, select the icon selector (not the main selector), and then do all my flex layout and spacing.
This also keeps the DOM as a UL->LI like I want. But I see the text and icon are put in a span, which should be OK for the search engines and accessibility.
Let me know if I got something wrong or if there is a better way.
Thanks.
-
Hi there,
there is more than one way to create a list with icons, as long as it works for you, then it’s good 🙂
- You must be logged in to reply to this topic.