Font Awesome icons not behaving

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
waynethetodd
 
 
Posts: 74
Joined: Wed May 23, 2018 4:57 pm

Font Awesome icons not behaving

Post by waynethetodd »

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
waynethetodd
 
 
Posts: 74
Joined: Wed May 23, 2018 4:57 pm

Re: Font Awesome icons not behaving

Post by waynethetodd »

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
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Font Awesome icons not behaving

Post by crispy68 »

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?
waynethetodd
 
 
Posts: 74
Joined: Wed May 23, 2018 4:57 pm

Re: Font Awesome icons not behaving

Post by waynethetodd »

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.
Post Reply