• 0

using fontawesome


Question

Posted · Report post

I've used Fontawesome a number of times in DMS. But, suddenly, I cannot find the cheatsheet that had list of all of the icons that you could use in DMS.

 

Here's some code that I have used in the past... now I need to add a Vimeo square. Can someone help or point me to the page that I can't find?

 

Thank you!!!

 

a href="https://www.facebook.com/CarolBushbergRealEstate" target="_blank"><i class="icon-facebook-sign"></i></a> 
<a href="http://www.youtube.com/carolbushberg" target="_blank"><i class="icon-youtube-sign"></i></a>

Share this post


Link to post
Share on other sites

16 answers to this question

  • 0

Posted · Report post

James B Thank you so much! I could not find that page, even after Googling and poking around the docs! Unfortunately, I don't see a Vimeo icon, though, so I guess I'll have to use the regular FontAwesome library.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Actually, I found this... http://fontawesome.io/icon/vimeo-square/

 

I'm just not sure how to use it! I tried just adding fa-vimeo-square to my code, but it did not work. Do I need a plugin to se the FontAwesome library?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I purchased the Icon Font Shortcode plugin, but there is no documentation that is provided to instruct you how to place and icon from the Font Awesome library on to a page. The examples are all ones that are included in the Pagelines condensed version of an icon font. Could someone please help me place a Vimeo icon (link above) onto my website? Thank you in advance!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The vimeo icon you linked too is from Font Awesome 4.0+ that version is not used in DMS at this moment in time. DMS also uses a customized version of Font Awesome, so adding a font isn't that easy.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

flourishdesignstudio

If I may, why don't you ask to the developer of the plugin aka Clifford P ;) ?

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The Font Shortcode Plugin says "Supports all Font Awesome icon fonts." But, it does not tell you how to use it. http://www.pagelinestheme.com/icon-font-shortcode/

 

Hi flourishdesignstudio. Thank you for your purchase. Sorry you are/were having trouble understanding the instructions. The page you linked to ( http://www.pagelinestheme.com/icon-font-shortcode/ ) demonstrates about 100 different examples, with the code provided. If you need any personalized assistance or want to chat further about the plugin, feel free to open a new support ticket in the appropriate Store Products forum area.

 

I believe the issue you were having was more trying to figure out the proper names that PageLines assigns each FontAwesome icon. James B provided the DMS Docs link, which I'm now linking to on my plugin's information page (linked above).

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Clifford P Thanks so much for your response. I have tried using the code provided on the page that I linked to. But, the Vimeo icon from Font Awesome does not use icon-xxxxx (an example from your page: 

[i]icon-asterisk[/i])

 

 If you look at the vimeo icon page that I linked to above, it says: <i class="fa fa-vimeo-square"></i> fa-vimeo-square

 

So, I've tried everything that I can think of, such as icon-vimeo-square of fa-vimeo-square and nothing seems to work. I would really apprecaite if you could just tell me how to add a Vimeo link to the header of this website (carolbushberg.com), so that it would be next to the facebook and YouTube icons. Here's the code I used for them: 

<a>href="https://www.facebook...hbergRealEstate" target="_blank"><i class="icon-facebook-sign"></i></a> 

<a href="http://www.youtube.com/carolbushberg" target="_blank"><i class="icon-youtube-sign"></i></a>
 
THANK YOU SO MUCH! :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ah, so you want one of the FontAwesome icons that is not in the PageLines theme... https://github.com/pagelines/DMS/blob/1.1/less/icons.less#L313

 

The issue is discussed here (vimeo icon is mentioned): https://github.com/pagelines/DMS/pull/535

 

My shortcode plugin can only use the icons built into the PageLines theme so if you use another plugin from the WordPress Plugin Repository, you'll have to follow their instructions. I've never tried using an additional icon font with PageLines, but I assume it would work fine as long as the icons do not have the same names (which was probably a decision factor for PL choosing their custom naming).

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you just want some Vimeo icons, you might want to check out one of these sections:

http://www.pagelines.com/shop/sections/follow-me/

http://www.pagelines.com/shop/sections/branding-dms/

http://www.pagelines.com/shop/sections/business-branding/

 

Or you could make your own in Photoshop via http://tourkick.com/2013/how-to-font-awesome-adobe-photoshop/

 

Good luck

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Clifford P Thanks so much for your suggestions, but I really want the icon to match the others that I already have in the header of the site that I sent the link to. Your plugin page says  "Supports all Font Awesome icon fonts." but clearly that is not the case. Can you please add the Vimeo icon or refund my payment? Thanks!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

We don't know who buys our stuff and can't handle refund requests, not do we get notified of refunds. You can submit a request to PL and it shouldn't be a problem. Thanks for giving it a try. Sorry it didn't do what you wanted. Best to you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you would like to request a refund please contact the accounts team via the desk at hello at pagelines dot com

The accounts team will be snake to hive you more information regarding this


Sent from my iPhone using Tapatalk

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now