Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 7, 2016 at 11:55 am #579163
    Daniel

    Hi there!

    I’m trying to create a simple list of features, but instead of the common bullets I want a checkmark in front of each list item. How can this be achieved?

    • First item
    • Second item
    • Third item
    <ul>
	<li>First item</li>
	<li>Second item</li>
	<li>Third item</li>
</ul>

    I suppose it could be done using the class attribute like in the example below, but I’m not quite sure how to modify the code in order to use the icons that come with Enfold:

    <ul class="icon">
<li class="star">item 1</li>
<li class="info">item 2</li>
<li class="help">item 3</li>
</ul>

    Thanks in advance for your help!
    Daniel

    • This topic was modified 8 years, 10 months ago by Daniel.
    February 8, 2016 at 2:54 am #579304
    Elliott

    Hey Daniel!

    See here, http://stackoverflow.com/questions/4293004/proper-css-for-generating-a-checkmark-li-that-works-cross-browser.

    If it was me I would just use our iconlist element. You can use CSS if you want to make the icons smaller.

    Cheers!
    Elliott

    February 8, 2016 at 7:52 am #579413
    Daniel

    Hi Elliot,

    Thanks for your help!

    I was actually trying to use the Enfold Icon List first, but it seems to be designed for a very different purpose (explaining a flow maybe). In my case I just want to list the features that come with a Travel Package (e.g. hotel room, gym, outdoor activities etc.) and figured a checkmark would be nicer than a common bullet point.

    I’ll try the workaround from stackoverflow.com you suggested, but I think an inbuild solution with an icon selector would be a really handy feature for Enfold :-)

    Cheers,
    Daniel

    February 9, 2016 at 4:27 am #580068
    Elliott

    Hey!

    We just have basic styling of lists. You can use our icon list element and give it some styling so they look smaller like how your wanting there.

    Or you could use a plugin. There are quite a few out there. I have not used any myself though. Perhaps the shortcodes ultimate plugin has a list shortcode like the striking theme does, https://wordpress.org/plugins/shortcodes-ultimate/screenshots/.

    Cheers!
    Elliott

    • This reply was modified 8 years, 10 months ago by Elliott.
    February 9, 2016 at 9:35 am #580226
    Daniel

    Thanks Elliott, what a great plugin. Perfect for someone with my limited coding abilities and it seems to work great with Enfold. Problem solved :-)

    February 10, 2016 at 4:40 am #580753
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

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