www.wysiwygwebbuilder.com

Hello, I am using the Font Awesome icons for some social links in my footer. However, they don't seem to behave as they are presented in the program as on the actual website.

If I leave them as a font, they take on default link color styles (the ugly blue link color), and if I publish them as an SVG, they look like this: https://imgur.com/a/IqflSUc

The problem is in the footer.frame page in the "site-structure" folder. Here is a link to the project file.
http://www.mediafire.com/file/yen0b1l3a ... r.zip/file

In addition to this, the images also move to the far left of the page for some reason. I have not set any settings to make images on a specific page jump to the left... Examples shows below.

https://imgur.com/2Z78tuR

The names of your ID's are not good.

Your ID should not be: footer.frame.FontAwesomeIcon1

Change it to something like: twitterIcon or FacebookIcon

no dots, no spaces, no dashes

Also, curious why you have a master index page that has an embedded footer. Why not just put the embedded footer at the bottom of the Master Index page?

Oh wow, thank you for the help. I will fix the id's

Also, the reason I made the page this way is that I am dumb and am still learning how to use the program XD

Thank you for the advice in this respect.