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 support ticket is created 6 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

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.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by cristianR-3 6 years, 8 months ago.

Assisted by: Christian Cox.

Author
Posts
#623082
Screen Shot 2018-03-07 at 2.19.51 PM.png

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
Screen Shot 2018-03-07 at 4.45.26 PM.png

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.