Icon List—Espace between icon and text

Hi Rikard,
Thanks for your quick reply. I attach a link to a draft page,

http://www.mcgenergy.eu/wp-admin/post.php?post=834&action=edit

This is what I want to achieve…… To close the text to the icon…. And since if this achieve this on a computer screen, on a mobile screen may appear weird I would need to know if creating 2 items (one for only-desktop and one for only-mobile) I could achieve a perfect fit in both devices,

Thanks,

Thanks Yigit,
May I know how could I use this adding a custom css class to the icon list?
I mean, I want to move those icon lists….But I don´t want to move different icon lists that I have spread all over the website,

hope this makes sense,

Thanks,

David

Hi Vinay,
The problem is that as commented to Yigit above, I want to move the text to the left in this page:

As you will see, on the icon list, the text is “cut” because it doesn´t fit on the space..

I have not proved what Yigit suggested since I don´t want to apply this condition to all the icon lists on the website:
.avia-icon-list .iconlist_icon {
margin-right: 10px
}

I have tried modifying the code with and point it to a custom css-field, but it doesn´t work…
Please, could you help with this issue?

The css field is already turn on, and I have tried this: (where icon-list-prob is the css field)

.avia-icon-list .iconlist_icon {

.icon-list-prob { margin-right: 10px
}}

BUT, AS I HAVE NO IDEA ABOUT CODING I DON´T KNOW WHERE IS THE PROBLEM, SINCE NOTHING HAPPENS,
Please take a look at this and try to help me,

Thanks

Note: The same happens on its English version page,

Thanks Yigit!
It worked perfectly…

I really appreciate the work of Enfold team solving out all these problems,
Best regards,

David