Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How to add "DeviantArt" social icon

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi!

1) I would to add the DeviantArt icon to social icons of my site.
The DeviantArt icon belongs to the Font Awesome v4.2, but it is not present in the module "We are social" options.

Thanks!
Regards
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
Last Edit: 8 years 1 month ago by mikyilfilosofo.
The administrator has disabled public write access.
Hi

Is that using the zen social module?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!
Yes, is that.

Cheers
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi there,
The only way to use it at the moment would be to use the Zen Shortcodes syntax:

{zen-deviantart}{/zen-deviantart}

docs.joomlabamboo.com/zen-grid-framework-4/theme/shortcodes/icons

The social icons are a custom font set and not especially easy to add new network to.

Hope that helps.
Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hi!
Unfortunately already I knew Zen Shortcodes syntax ({zen-deviantart} {/ zen-deviantart}), and also this page: docs.joomlabamboo.com/zen-grid-framework-4/theme/shortcodes/icons.
You mean I have to create custom HTML code or other?

Thanks!
Cheers
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Yes or you could override a social icon you aren't using

for example using pinterest and then style it

.foundicon-pinterest:before {
content: "\f1bd";

}

[class*="foundicon-pinterest"]:before {
font-family: FontAwesome;
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
So it's taking the font awesome icon code \f1bd and using the FontAwesome font family

its not an ideal solution but other members have used it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!
I'm sorry, but I can not do the override. Could you give more detailed indications?
Thanks!
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

This is what I tried and it worked for me

I had an icon I didn't want to use and then replaced it with a icon I did

In this case pint interest and then used the font awesome icon code and the font awesome family as per above

What icon are you using that you want to replace?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Perhaps add a link for the site

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi!

www.mywebdemo.eu

I can add an icon, whatever, I do not need, in order to replace it.

Cheers!
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
If I add this

.foundicon-pinterest:before {
content: "\f1bd";

}

[class*="foundicon-pinterest"]:before {
font-family: FontAwesome;
}

to the template custom.css file it works for me - replacing the pint interest icon with the font awesome one
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This is what I see

da.png
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
What can I say?
Many thank again!
How always it works.

Cheers
  • mikyilfilosofo's Avatar
  • mikyilfilosofo
  • 6 Month Developer
  • 419 posts
  • Karma: 0
The administrator has disabled public write access.
You're welcome

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers