List With Icons

Hi,

I will mark this topic as resolved and continue to support you in the other topic since you posted this question twice.

https://www.ads-software.com/support/topic/list-with-icons/

• This reply was modified 6 years, 9 months ago by terrathemes. Reason: Ment to be in the other topic
• This reply was modified 6 years, 9 months ago by Jan Dembowski.

Hi,

How to use List with icons.

Please take a look at this screenshot. You can find the list with icons here.
Start each of your list items in the list field with this character ^ as seen on the screenshot.
https://img2.picload.org/image/dagldcra/list-with-icons.png

How do I change the icon size and color in the footer?

You can use this CSS code to change the icon size and color:

.meteorite-contact-info.inline span {
  font-size: 50px;
}
.meteorite-contact-info.inline span i {
  color: #337ab7;
}

Is it compatible with Terra Theme, Elementor Page Builder?

Since Meteorite is developed to be used with the Page Builder SiteOrigin I can’t say that it will work in every case, but it may work out for you.
I will need to take a deeper look and try out Elementor myself which may take a while. Feel free to try it out on yourself.

Please always include a link to your page in your topics so that I don’t have to take a look in your other topics for a link.

Hi,

List With Icons,
? OK, but no fa-handshake. How to change the text line height?
? Paragraph size?

Elementor Page Builder,
? The experiment does not match the Elementor Page Builder.

Thanks

https://tuyograf.com/met/

OK, but no fa-handshake.

Currently there is only fa-handshake-o. The other icon is part of a newer version which can’t be used without major changes to the theme.

How to change the text line height?

.meteorite-list-with-icons li {
  line-height: 20px;
}

The experiment does not match the Elementor Page Builder.

What exactly do you mean with this?
Unfortunately I wasn’t able to test the Elementor Page Builder yet.

Thanks..