Strange issue with <i> element and looper

I’ve run into a strange issue with an font-awesome icon element. <i class="fas fa-external-link-alt">
I have a looper element with a previous text element as the title. the text in this element is

Bildschirmfoto 2021-05-01 um 19.43.36

everything looks good in the builder

If this <i class="fas fa-external-link-alt"> is in the link, the front end page looks like this:

But if i delete this <i class="fas fa-external-link-alt"> everything works as it should be.

Any clue?

Hello @Regnalf,

I have checked the screenshot and it seems that you have inserted a broken HTML code. The <i> tag is unclosed. Your code should:

<h4><a href="#" target="_blank"> <i class="fab fa-flickr"></i>[BH-FlickrAlbumTitle] <i class="fas fa-external-link-alt"></i></a></h4>

Kindly let us know how it goes.

Thanks a lot, that was the issue. I totally overseen that, because i copied it from font-awesome with the copy to clipboard function and for some reason it dropped the </i> tag.

Sorry for that stupid interruption.

You are most welcome @Regnalf.
If there is anything else we can help you with, please do not hesitate to open another thread.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.