Thanks for the tutorial. I can see there is a way to make the icon align with the top of a text paragraph in a list, from the video, but you don't show how to control that. ie, my list has 5 options. Each option is on multiple lines, some 4 lines, some 2 lines. The icons float vertically, centred. I want them to float to the top so they are aligned with the first row of text. How can this be done?
How do I remove the bullet points that appear when I remove the icons from the icon list? The bullet points don't appear in the back end when I remove the icons but it appears in the front end of the footer I'm working on.
I don't get those, so my guess is, it's something your theme adds. Also if you don't need icons, then why are you using an Icon list widget ? just use a normal text widget.
what if i have in every part of this list 2 lines or more.. the tick will stay in the center vertically why it should be always aligned top with the text.. how can we change this?
I have elementor pro and when I want to use the Icon List Widget everything is okay but... when I published the page next to this list weird dots is showing up, how to fix this?
when I try to add a custom SVG as an icon the colors on the first icon affect the colors of the rest, I cant seem to find an explanation as to why, can you guys help me?
if you are referring to the background shapes, then that is done with gradients, you just have to change their location and angle, and one of the colors needs to be completely transparent. If you are talking about top aligning the icons, then read my comment above.
I have purchased elementor expert plan before last update, Now I need to change my email address. Can I change email address from Elementor Billing Info or not? Plz help me Thank you
instead of the useless horizontal alignment for the Icon, how about something that should have been in the options since day one ? i'm talking about vertical alignment. Specially on mobile if your text is more than a few words then the icon will be in the middle of the text, it should be at the top, like the icon in the list at 0:19 or like standard bullet point which have existed for decades now, those know how to align themselves but your icon list does not.
i found the code needed to change/fix that, just paste this into the Custom CSS section: .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a { align-items: flex-start; } .elementor-widget .elementor-icon-list-icon i { line-height: inherit; } But you need Elementor Pro to be able to use the Custom CSS options. I reported this problem since i do have Elementor Pro, hopefully they will fix it.
Thanks for the tutorial. I can see there is a way to make the icon align with the top of a text paragraph in a list, from the video, but you don't show how to control that. ie, my list has 5 options. Each option is on multiple lines, some 4 lines, some 2 lines. The icons float vertically, centred. I want them to float to the top so they are aligned with the first row of text. How can this be done?
In order to split the vertical list into 2 columns, woudn't it be better if you had set the custom css with the code "selector { column-count: 2;}"?
how can i change the icon position from left to right If I want icon at the end of the text.?
How do I remove the bullet points that appear when I remove the icons from the icon list? The bullet points don't appear in the back end when I remove the icons but it appears in the front end of the footer I'm working on.
I don't get those, so my guess is, it's something your theme adds.
Also if you don't need icons, then why are you using an Icon list widget ? just use a normal text widget.
I also get the bullets.
I want an icon and in the front end shows the icon and the bullet, where does that bullet come from?
what if i have in every part of this list 2 lines or more.. the tick will stay in the center vertically why it should be always aligned top with the text.. how can we change this?
How do I use dynamic content in this widget so the user can create as many lists as they want?
Thank you so much!
I have elementor pro and when I want to use the Icon List Widget everything is okay but... when I published the page next to this list weird dots is showing up, how to fix this?
Same :(
Greetings, can we add drop-down in icon list?
What about languages that are written from right to left, why is there no support in lists for that?
Great explanations! Thanks!
Happy it was helpful Kevin!
Thank you!
Tks.
How can I hide a list item from the list widget if ACF field text is empty?
Can you please show us how to make a dropdown selection in the list?
what if i want the icon to be on the right side of the text, how do i do that?
when I try to add a custom SVG as an icon the colors on the first icon affect the colors of the rest, I cant seem to find an explanation as to why, can you guys help me?
Same issue here. Trying to use custom Green Check SVG for some bullets, and Red X SVG for others and it's forcing them all to red.
How can i make the icons lined with the text especially if the test is a paragraph
you are gonna needs some Custom CSS code and a Pro license, see my other comments under this video.
How would you add a link to a single word within a bulleted item without hyperlinking the entire bullet?
Hey @melissaw7, you can add basic HTML formatting, ie
Text to link
Is it possible to indent an item in the list? you know,l indented lists.
How can I change the font style of some of the words in the icon list?
you are gonna have to add raw code around those words only for example this is how you make it italic
why my widget shows black dot in the left side when i check on live?
Can you please make a tutorial on how to create sections like in 0:21? This would be awesome! 🙏🏼
if you are referring to the background shapes, then that is done with gradients, you just have to change their location and angle, and one of the colors needs to be completely transparent.
If you are talking about top aligning the icons, then read my comment above.
Isn't there an easier option, in which you could enter a full block of text for ALL the points at once, instead of entering them individually?
Where i can find that template
I am upset, I am not first 😟 but happy I am 3rd 😂😂
Terimakasih....
Please add the icon transfer option to the left of the text in the icon list widget.
Can you upload tutorial on how to make toolkits on hover or click
I have purchased elementor expert plan before last update,
Now I need to change my email address.
Can I change email address from Elementor Billing Info or not?
Plz help me
Thank you
You can do this from the My Profile section in your Elementor account.
Thank you
How to move the icon to the top of the menu in the Icon List?
you are gonna needs some Custom CSS code and a Pro license, see my other comments under this video.
How migrate your complete elementor website to another elementor website?
Hey Aljaleel, this article might help you with migrating your site elementor.com/help/site-migration/
Full heading overlay slideshows video please
Hi Ash.
instead of the useless horizontal alignment for the Icon, how about something that should have been in the options since day one ? i'm talking about vertical alignment.
Specially on mobile if your text is more than a few words then the icon will be in the middle of the text, it should be at the top, like the icon in the list at 0:19 or like standard bullet point which have existed for decades now, those know how to align themselves but your icon list does not.
i found the code needed to change/fix that, just paste this into the Custom CSS section:
.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
align-items: flex-start;
}
.elementor-widget .elementor-icon-list-icon i {
line-height: inherit;
}
But you need Elementor Pro to be able to use the Custom CSS options.
I reported this problem since i do have Elementor Pro, hopefully they will fix it.
@@JoeGP my HERO! Thanks :)
How to migrate your elementor website to another elementor website?
Hey ali, this article can guide you through the steps of migrating your site elementor.com/help/site-migration/
i need to enlist all the items alphabatically
8:12 - Remove icons in icon list by deleting
I am the first..
same video make wow,,,