Odd Font Awesome repeating issue

[David]

ok, so trying to get this project launched and came across an oddity with GP today.

Two things
1. Any idea why the footer is outputting 5 hearts? I used <i class=”fa fa-heart” /> which works on genesis, oceanwp and most other themes. The footer is set to ZERO widget spaces, and nothing populated in them in the background.

2. Cannot find anywhere in the theme where the padding of the footer is off the bottom of the page. Even without the hearts it is still showing a padding bottom, and while I can target it with custom css should not be doing that.

Screenshot: https://www.dropbox.com/s/l07s4z5iek6okmv/Screenshot%20from%202017-05-30%2016-37-56.png?dl=0
Site: gopulaskicounty.dpd.cx

GeneratePress 1.3.46

GP Premium 1.3

[Leo]

Hi David,

Can you try closing the i tag like they suggested here? http://fontawesome.io/icon/heart/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

same issue… sorry I forgot to put that I had done that already.

[Leo]

Hmm any caching plugin or server caching? I still see the <i> tag wraps around the <a> tag:
https://s7.postimg.org/vk0ntzpkr/itag.jpg

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

that is odd as you can see my code and i closed out the icon tag even before i started the anchor link. found the issue.

<i class=”fa fa-heart” /> = bad
<i class=”fa fa-heart” ></i> = bad
<i class=”fa fa-heart”/> = bad
<i class=”fa fa-heart”> </i> = bad
<i class=”fa fa-heart”></i> = good

for some reason something is not escapting properly and so it is not working unless it is perfectly input. tried to duplicate in genesis, oceanwp, 2017 theme and all 5 work fine, just generate will not work unless you use the last one.

[Leo]

I’ll ask Tom to take a look 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

As far as I know, <i> isn’t a self closing element, as it’s meant to wrap around text.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts