[t_p_]

Hi guys,
I’m currently testing various shortcodes and they work as such, except that the icons for the shortcodes are not being displayed.
Only a gray box where the icon – for example the toggle arrow – should be.
This happens with various shortcodes I’ve tested so far.
When I try to add a social_icon it just displays a dot and an X.
My site is not public yet, so I don’t want to share a link here but I would share it via email or send a screenshot.
I’ve installed the theme via WP and have just today installed the freshly downloaded current version.
Any ideas?
t.p.

[serkan]

Hi t_p_
We used the font-awesome v3 for the icons. You can check the icons from below the link
http://fortawesome.github.io/Font-Awesome/3.2.1/
It is not compatible with the new version of font-awesome
Thanks

[t_p_]

ok, sorry if I don’t understand what that means.
Does it mean none of the icons in the shortcodes will work in gerneral, or is there a way to fix it by changing some of the CSS code?

[serkan]

Hi t_p_
You can choose the icons above the link. I mean, it is not compatiable the last version of font awesome that is why it just displays a dot and an x. But if you use the font-awesıne v3 it should be okay.
Thanks

[t_p_]

HI Serkan,
sorry I don’t understand your answer. Maybe I can figure it out. If not. I’ll ask again. :)
If you have hints which direction I should be researching, that would be greatly appreciated.
T.P.

[serkan]

Hi t_p_,
Could you try to use this icons please?
http://fortawesome.github.io/Font-Awesome/3.2.1/icons/

[t_p_]

sorry if I’m being stupid, but on the Font-Awesome Website, I can find this help:
http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/
I see that the Font-Awesome files are already part of the theme in the fonts folder.
I don’t have a clue which method I shoud use and why it broke in the first place.
So should I use method one, two or three and which file do I have to enter the new code into?

[serkan]

Hi t_p_,
I am going to give you some example about the shortcode with icon.
You told me that toggle is not working properly. Could you try to use like this;
[toggles]

[toggle active="" title="Web Design"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.[/toggle]

This shortcode for the button with icon;
[button color="yellow" size="big" type="d3" icon="cup" target="" url="#"]AWARDS[/button]

Or this is for the list type;
[lists type="hand-right"][list_item]Web Design[/list_item]

I would recommend you to upload the dummy data, so you can have the demo page. It might be help you more.
Thank you.

[t_p_]

Hi Serkan,
somehow I have the feeling that I can’t make it clear to you what my problem is.
I get the part about entering shortcodes.
If I enter the shortcodes of your last message, I get a black square next to “Web Design” and a black square next to “AWARDS”.
I’ve gotten this far before.
So the problem seems to be that the icons from the Font-Awesome font are not being recognized.
I just don’t understand what I have to do to make WP recognize the Font-Awesome font again.
Do you know – or do yo know someone who might know?
Thank you,
T.P.

[serkan]

Hi t_p_,
Could you try to deactivate all your plugin and try it again? If it doesn’t work, provide me your admin details via our contact form and add this topic URL as well.
Thanks

[serkan]

Hi t_p_,
Appearance > Theme options > Style > External CSS

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

I added custom CDN link. It has occurred because of your URL contains different character from English letter.
Thanks

[t_p_]

Hi Serkan,

Great, it works. (I still don’t understand the details, but I can live with that.)
Thank you for your help!

T.P.

[serkan]

You are welcome