Skip Navigation

[Resolved] Random custom field items spilling on the page

This thread is resolved. Here is a description of the problem and solution.

Problem: I have added Font Awesome icons to my View loop, but several of them appear to be out of place on the frontend.

Solution: Check the syntax of each FA icon tag. In this case, one tag was left open in the loop, which led to some unexpected problems.

Relevant Documentation: https://fontawesome.com/icons?d=gallery

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 2 replies, has 2 voices.

Last updated by cristianR-3 2 years, 5 months ago.

Assigned support staff: Christian Cox.

Author
Posts
#623082

I am trying to: I am trying to place a font awesome icon as a custom filed of some pages.

Link to a page where the issue can be seen: hidden link

I expected to see: No extra icons on the page

Instead, I got: I get random check mark icons on the page.

#623109

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Check your Loop Output, you have an unclosed "fa-check-circle" icon tag:

 <div class="row ">
      <div class="col-sm-4"><div class="career-post">
        <i class="fa fa-check-circle">
        <h3>

Add the closing i tag before the opening h3 tag.

#623280

Christian, thanks for you help, you where correct, forgot to close the tag in one of the post fields. The worst part is that it was so obvious which one.