Archived topic
button phone icon flips for unknown reason
1 reply · Started by Cynthia on January 28, 2023
I created a hook in GP Elements so I could have a custom "top bar" across my entire site except the home page.
HOOK --
<div> <p style="text-align: right; padding-top:15px; padding-right:30px; padding-bottom:12px;font-size: 14px; font-weight: bold;">[button href="https://soew.org/student-registration-form/" style="flat" size="medium" color="#BA0808" hovercolor="910505" textcolor="#ffffff" texthovercolor="#ffffff" icon="calendar"]REGISTER[/button][button href="https://www.flipcause.com/secure/cause_pdetails/MTM4NDk3" style="flat" size="300px" color="#1eafbc" hovercolor="#00939b" textcolor="#ffffff" texthovercolor="#ffffff" icon="heart"]DONATE[/button][button href="9514763187" style="flat" size="300px" color="#1eafbc" hovercolor="#00939b" textcolor="#ffffff" texthovercolor="#ffffff" icon="phone"][/button]</p></div>
All of the web pages (excluding home page) have the phone icon displaying on the far right button, however for some reason the phone icon automatically flips the other direction on the CONTACT page. Why is this happening? I would like to make it not flip.
It seems like fa-flip class is applied somewhere, but I have nothing in CSS.
Hi there,
the icons are being produced by Font Awesome.
However, on all pages except the contact page you have FA loading twice from difference sources:
https://www.screencast.com/t/6I9kA6qBjljw
You can see the comparison, they all load FA from the use.fontawesome.com server
But on the Non Contact page they are also being loaded from your server.
Both of which are different versions ( if you look carefully on the contact page you will see all those icons are different ).
So how are the FA icons being loaded on your site ?