- This topic has 13 replies, 3 voices, and was last updated 8 years ago by
Leo.
-
AuthorPosts
-
April 4, 2018 at 12:38 pm #541280
Ankit
Hi,
Can you please guide me how can I get the font awesome work on my site, I have tried this several times: https://docs.generatepress.com/article/adding-icons-to-menu-items/ but without any luck, all I get is blank.
April 4, 2018 at 9:18 pm #541524Tom
Lead DeveloperLead DeveloperHi there,
Font Awesome is turned off by default. If you go to “Customize > General”, uncheck the “Essential icons” option.
Then Font Awesome should work.
Let me know 🙂
April 5, 2018 at 2:39 pm #542391Ankit
Thanks Tom, but I am getting these for social icons:
April 5, 2018 at 10:15 pm #542624Tom
Lead DeveloperLead DeveloperThose look like custom icons, not Font Awesome. Maybe coming from a plugin?
April 7, 2018 at 7:33 am #543711Ankit
No all I have done is added this to header.php
<link href=”https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css” rel=”stylesheet” integrity=”sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN” crossorigin=”anonymous”>
<script defer src=”https://use.fontawesome.com/releases/v5.0.9/js/all.js” integrity=”sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl” crossorigin=”anonymous”></script>April 7, 2018 at 11:07 am #543950Tom
Lead DeveloperLead DeveloperThat looks like you’re including Font Awesome 4 and 5? You should definitely only choose one.
However, the icons you showed me aren’t Font Awesome iconsI don’t think. If you’d like to link me to the page, I can check further.
April 7, 2018 at 11:49 am #543983Ankit
Thanks Tom, should I remove these and then try again and how can I privately post the link so you can have a look.
April 7, 2018 at 10:08 pm #544206Tom
Lead DeveloperLead DeveloperYou can edit your initial post and add the URL to the URL field – it’s private.
Let me know 🙂
April 8, 2018 at 6:47 am #544393Ankit
Hey Tom I have added the url.
April 8, 2018 at 9:47 am #544605Tom
Lead DeveloperLead DeveloperI’m seeing these in the footer, which are using Font Awesome: https://www.screencast.com/t/bZ6PyQK18Md
They look like they’re working as they should.
Is there somewhere else I should be looking?
April 8, 2018 at 1:37 pm #544750Ankit
Thanks tom, how can I change colours of these icons?
April 8, 2018 at 9:30 pm #544886Tom
Lead DeveloperLead DeveloperSince you’re using a custom HTML widget, wrap your icon widgets in an element like this:
<div class="footer-icons"> Your icons in here </div>Then do this in CSS:
.footer-icons a { color: #000000; }Let me know if you need more info 🙂
April 9, 2018 at 10:24 am #545533Ankit
Thanks Tom, now on a different problem, if you look at the homepage of the url, the image and text looks fine on desktop, but on mobile they are all over the place can you please me in fixing this.
Thanks again
Ankit Yadav
April 9, 2018 at 12:42 pm #545653Leo
StaffCustomer SupportHi there,
Can you open a new topic for a separate question?
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.