top bar symbols

Hi there,

Did you make sure FontAwesome is loaded?
https://docs.generatepress.com/article/font-awesome/

Make sure to take a look at the step needed for FA5 as well if you are using it.

Hello Tom,
I have already added the Better Font awesome plugin.
The problem is that I do not know where I should add the code that you indicate "add_action (¨wp_enqueue_criptsXXXXXXXXXXX .....).
Where should I put it?

Thank you very much

Hi there,

this article explains adding PHP:

https://docs.generatepress.com/article/adding-php/

Hello David,
Ok, I installed Code Snippet but when I add the code it tells me that there is an error in the second line.
The code that I add is:

add_action ('wp_enqueue_scripts', 'your_load_font_awesome');
/ **
 * Enqueue Font Awesome.
 * /
function tu_load_font_awesome () {
    wp_enqueue_style ('font-awesome', '//use.fontawesome.com/releases/v5.1.0/css/all.css', array (), '5.1.0');
}

I really do not know how to solve this problem. I just want to include icons on my site. I have already installed all the accessories that you have told me ...

Thank you very much

Hi there, lets try without the comments like so:

add_action( 'wp_enqueue_scripts', 'tu_load_font_awesome' );
function tu_load_font_awesome() {
    wp_enqueue_style( 'font-awesome', '//use.fontawesome.com/releases/v5.1.0/css/all.css', array(), '5.1.0' );
}

Hello David,
And so....What should I put in exactly?
I copied the code that you indicated to me in the link ....
Can you tell me the complete code that I should try?

Thank you very much

Hi there,

are you going to be using Font Awesome 5.0 icons? Or will the older 4.7 icons suffice?

Hello David,
I just need simple icons. I do not care what´s version I have.
The steps that I have followed have been what you indicate in this thread:

1. Download the Better font awesome plugin (it tells me that it is version 1.7 and that the last update is from 4 months ago). It does not put anything of 5.0 or 4.8 ...
2. Through Code Snippets I have tried to enter the code that you indicate and it gives me an error. But that code is for you to use version 5.0, correct ??
I am indifferent what the version is, so I have removed the snippet.

3. The question is, how do I access the icons? When I add text, how I can access to the icon I want ??
I want to place them in the top bar, in the top bar widget.

Thank you

Hello again,

When I copy the code of icon I only can see a square.
Can you see in my site please?

The url is:
https://santcugatestudio.com

Thank you very much

Can I write you my user data?
Here?

Hi there it looks like you figured out how to put them there. Use the icons from this, the 4.7, library instead:

https://fontawesome.com/v4.7.0/icons/

Hello David,
Ok, Then I understand that there is some problem with the insertion of the Font Awesome 5 code. Right?
Ok I can use the 4.7's. I've tried it and it works well.
The question is: Every time I want to use an icon, I must enter the page you have indicated and copy the code of the icon that interests me or is there a faster way to do all this?

Thank you very much

That's correct, version 5 isn't backwards compatible (grrrr).
There is a cheatsheet:
https://fontawesome.com/v4.7.0/cheatsheet/

But to be honest i find it quicker to search for new icons in the main site.
Its worth keeping a copy of them in your own text editor for quick access.
Or better still get an IDE application on your desktop, Brackets is nice and simple:
http://brackets.io

So you can keep a library of your own code snippets :)

OK David,
Thank you very much for your help ;)

Hello,

One last question

When I insert the symbols in the text editor html widget, I see several spaces between the phone and email (for example). I separate it with 4 or 5 spaces, but it does not move...Do you know how it can be separated?

You can see it at https://santcugatestudio.com

Thank you very much