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.

Creating Zen Shortcode

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

Hopefully have this question in the right category

I am wanting to implement Utafiti template but we need some unique icons to replace what is on the site at the moment as there is nothing in the font icon list that will suit.

Is is possible to create your own icon, and if so, what size are they created at, and how to add it and in a way that template upgrades, etc won't affect it.
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
Hi There,

We don't create any icons as such we pull in icons from fontawesome via the plugin and by the template

Have you checked fontawesome site to double check the icons?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
fontawesome.io/icons/

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

Fontawesome doesn't have the icons I need.

I have created my own. Is there a way of using these in the title of the article - am using the Utafiti template and wanting to change the icons on the main page slide show at top. There is a heart and a circle with cross I want to change.
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Have you created a font or an image?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Its an image
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
Right I think this will work anyway with an image

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

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
so I need to save the image somewhere, then use custom css to pull the image out
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
yep

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

Have tried a few things but still can't get this to work. I have created the zen shortcode in the plugin - with custom words being draughts, insulation

That seems to be working - but I can't work out how to get some images I have created to appear like the font-awesome icons

Tried something like this in custom.css

.fa-draughts span:before {
content: url(/images/icons/AirFlow-Icon.png);
}

But not working.

Any clues?
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Do you have a link for your site?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
www. draughtbusters .com.au
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
sorry been a long day - looks like you have done this?
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
or is the problem the alignment?

With it not being a font you have much less control
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
not sure what you mean - is the image showing somewhere? I can't see it.
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
icon-size.png
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
cache clear / Hard cache clear maybe?

Cheers
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ah yes. have fixed it now and works perfectly. Thanks.
  • Huski's Avatar
  • Huski
  • 12 Month basic
  • 264 posts
  • Karma: 0
The administrator has disabled public write access.
No Problem

Best of luck with the sites

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • 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