Font Awesome

Resolved Rahim
(@rahimvaziri)

7 years, 6 months ago

Hi @seedprod
Hope you are doing very well.

First of all thank you for this great plugin.

Is there any chance to use Font Awesome in the landing page?

I would like to use Instagram icon on the coming soon.
I add <i class="fa fa-instagram" aria-hidden="true"></i> but nothing happens.

Thank you.
Rahim

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Author SeedProd
(@seedprod)

7 years, 6 months ago

Hi,

You need to embed fontawesome library under the advanced tab. See this: https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

Thread Starter Rahim
(@rahimvaziri)

7 years, 6 months ago

Thank you SeedProd,

I have customized the style.css of the plugin.
Is there any chance to put the changed file in the child-theme?

If so, could you please help me to create the right direction?

Regards.
Rahim

Plugin Author SeedProd
(@seedprod)

7 years, 6 months ago

You don’t need to customize the style. Just post this in the append html column under the advanced tab.

<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.5.0/css/all.css” integrity=”sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU” crossorigin=”anonymous”>

By the way this feature is available in the Pro Verison.
Thread Starter Rahim
(@rahimvaziri)

7 years, 6 months ago
I have added this to index.html
```
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="font-awesome-animation.min.css">
```
Because I am using font awesome aimation too.

I made some changes to style.css for customizing, I just want to put this file in the child-theme for safer save.

Any chance for this?
My site is: Look.ir
Thread Starter Rahim
(@rahimvaziri)

7 years, 6 months ago

Hi SeedProd,

All are fine now.

But the problem that I have with the plugin, is that after save all the font awesome in the text at the end are gone.

http://take.ms/sZ5u9

Thank you.

Plugin Author SeedProd
(@seedprod)

7 years, 6 months ago

Add your code to the append HTML field under the advanced tab.
Thread Starter Rahim
(@rahimvaziri)

7 years, 6 months ago
I did.
I added this to appended HTML:
```
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="font-awesome-animation.min.css">
```
But after saving this:
```
<h4 style="text-align: center;"><span style="color: #ffffff;"><strong>فروشگاه و مجله اینترنتی لوک</strong></span></h4>
<h4 style="text-align: center;"><span style="color: #ffffff;"><strong><i class="fas fa-sync-alt fa-spin fa-fw"></i> در حال بروزرسانی هستیم</strong></span></h4>
<a href="tel:+989337774047" target="_blank"> <i class="fas fa-phone fa-2x"></i></a><a href="https://t.me/look_ir" target="_blank"> <i class="fab fa-telegram fa-2x"></i></a><a href="mailto:[email protected]" target="_blank"> <i class="far fa-envelope fa-2x"></i></a><a href="https://instagram.com/look.ir" target="_blank"> <i class="fab fa-instagram fa-2x"></i></a>
```
It becomes this:
```
<h4 style="text-align: center;"><span style="color: #ffffff;"><strong>فروشگاه و مجله اینترنتی لوک</strong></span></h4>
<h4 style="text-align: center;"><span style="color: #ffffff;"><strong><i class="fas fa-sync-alt fa-spin fa-fw"></i> در حال بروزرسانی هستیم</strong></span></h4>
&nbsp;
```
However it’s fine till the next edit and pressing save changes.
After saving changes, the font awesomes are gone.
Plugin Author SeedProd
(@seedprod)

7 years, 6 months ago

I just tested on my site and that works fine, https://goo.gl/UxDMnZ

Maybe your host is running a security filter that is removing some code.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Font Awesome’ is closed to new replies.