If you are adding the HTLM in an Airtable field, make sure you change class value to single quotes<i class='fa fa-map-marker'></i>. If you copy it directly you’ll bring it over with double quotes and your browser (or Softr) will break it.
This is how it’ll be interpreted, leaving fa-map-marker wondering about out of the class value: <i class="fa" fa-map-marker aria-hidden="true"></i>
Thanks for the tips! Would you be willing to share how you frequently use these icons? Like, if putting in airtable, are they being used for list item names etc? I saw someone using them in their navigation items and it looked super professional! I will definitely be trying to implement when I have a chance
You’re right and can’t say why tbh, I know we have v6, and I can see it on the Inspector… Eppur si muove… this is what I get using v6.4 and I don’t have the time to look into this, my needs are pretty basic anyways
It did not occur to me yesterday, but I wonder if you have a Font Awesome subscription and have it embedded in your site as manual code? Not that you’d need to do that, but that would explain why 6 works for some and does not for others. I think by default, Softr has the free version embedded, which includes a ton, but not the latest versions and certain weights on icons. No reason to buy a subscription; we just happen to have one for other client needs.
@acjnas, It could be that there are two in a row - try the other one individually and see if it shows up. Also, it could be what Carlos and I were discussing about the version of the icon. You may think you have grabbed a free one, but it may be a variation that is not free. The type of block could also be a factor - custom code vs a standard block may have different behaviors. If it is code, you might troubleshoot it with chatGPT. Be sure to tell chatGPT this is a custom code block in Sortr.