Site URL: https://polarartist.no
Hello,
I have Font Awesome icons displayed throughout my site, but now they seem to have disappeared. I can still see them in the code, but they are not displayed correctly, and I'm not the best coder so I don't know how to fix this. Any help would be appreciated. I'm using the personal plan, so I do not have the header injection code, only on each page, but it has worked fine for months until now.
The code is supposed to be on any of the underlying gallery sides on https://www.polarartist.no/artister, for example https://www.polarartist.no/artist/aiming-for-enrike
The code I'm using:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<style>
/* code block padding top bottom */
.code-block {
padding-top: 0;
padding-bottom: 0;
}
/* social icons code */
.t-social {
display: block;
margin: 0 auto;
padding-top: 5px;
text-align: center;
padding-left: 0;
}
.t-social li {
display: inline-block;
margin: 0;
line-height: 100%!important;
}
.t-social .fab,.fas {
font-size: 28px;
margin: 0 8px;
color: black;
}
.t-social .fa:hover {color: white;}
</style>
<ul class="t-social">
<li>
<a href="https://www.facebook.com/aimingforenrike" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/aimingforenrike/" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a href="https://open.spotify.com/artist/78pR36HrjrFVIml89h1y4v?si=7ptyLM3XQf6p1-Sip4J2Og" target="_blank">
<i class="fab fa-spotify"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/c/AimingForEnrike" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</li>
<li>
<a href="https://www.aimingforenrike.com/" target="_blank">
<i class="fas fa-link"></i>
</a>
</li>
</ul>
