[Claudius MParticipant]

Hi awesome work your are doing here,
maybe it is very easy and I couldn’t find it in the documentation:

Is there an easy way to get Text like this:

First
Second
Third
.
.
.
Tenth
And so On

to an Icon List. Like it is with the existing ol and ul Bullet and Number Lists:

First
Second
Third
.
.
.
Tenth
And so On

I also tried changing the Bullet List, but with the change every List gets the picture I choose (better would be of course an Icon of the Icon List):

.entry-content ul {
list-style-image: url(/wp-content/themes/x/images/picture.gif);
}

Thanks.

[KoryKeymaster]

Hey Claudius,

Thanks for writing in and for your kind words! Just to make sure I’m understanding you correctly, are you saying that you’d like to be able to do nested lists with the [icon_list] shortcode?

Let me know when you have a chance!

[Claudius MParticipant]

Thanks for your question. It’s not easy to explain.

What I want to do is, if I have a Text like this:

I can mark it and push the ul Bullet List Button and the text is in a Bullet List format:

This is achieved in a second.

So I would love to have one of the nice icons you provide with the theme instead of the bullets.
But if I use the icon list shortcode, I can’t mark text and transform it (unless I missed something), I get this text:
[icon_list] [icon_list_item type=”check”] Icon list item [/icon_list_item] [icon_list_item type=”check”] Icon list item [/icon_list_item] [icon_list_item type=”check”] Icon list item [/icon_list_item] [/icon_list]

and have to alter and past in the text manually. As 90% of my pages contain Lists, that is a very time consuming way.

So I search for a way, where I can change it in a second or to change the css styling of the bullet list to a icon list.

Let me know if you need additional information.

[RubinKeymaster]

Hey Claudius,

The Icon List is the right element/shortcode to use and the only way to do that. I would recommend you using the Visual Composer so it’s really easy to create a lot of icon lists. You could replace all bulletpoints with an icon or something else with CSS but I would not recommend it because we added the Icon List feature for that specific reason. If you decide to change it with CSS then I would need to know which icon you want to display instead of the bulletpoint. Let me know what you want to do.

[Claudius MParticipant]

There is not possibly a Video or Text Tutorial that I missed?

I can’t figure it out.

If I am Editing an empty page I:
1. Click Classic Editor
2. Add Element
3. Choose Icon List
4. Press save Edit Icon List (without writing something in)
5. Click on the + (is this wrong)
6. Choose Icon List Item + Click on it
7. write something in the text editor?

I do not know what I am doing wrong.

[RubinKeymaster]

Hey,

it would be easier if you create a new page then paste following into the text editor:

[icon_list] [icon_list_item type="check"] Icon list item [/icon_list_item] [icon_list_item type="check"] Icon list item [/icon_list_item] [icon_list_item type="check"] Icon list item [/icon_list_item] [/icon_list]

and then click on the “Visual Composer” button and convert the shortcodes into the page elements. Then you have a working example of how it has to look in the Visual Composer and can go from there on.

[Author]

Posts