Jump to content

Archived

This topic is now archived and is closed to further replies.

flourishdesignstudio

using fontawesome

Recommended Posts

flourishdesignstudio    9
flourishdesignstudio

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
James B    436
James B

Hi there,

 

You can see a list of all the font awesome icons you can use here along with the relevant code to insert - http://docs.pagelines.com/tutorials/font-awesome


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

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
greenfly    230
greenfly

@flourishdesignstudio 

 

As far as i can tell - Fontawesome does not have a vimeo logo (some reference to this from november 2013 here http://astronautweb.co/snippet/font-awesome/ 

 

Bootstrap has one though  icon-vimeo http://marcoceppi.github.io/bootstrap-glyphicons/


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

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
flourishdesignstudio    9
flourishdesignstudio

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Erwan    37
Erwan

flourishdesignstudio

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

  • Like 1

Share this post


Link to post
Share on other sites
greenfly    230
greenfly
This might help http://wordpress.org/plugins/font-awesome-4-menus/

Haven't tested this out though


Sent from my iPhone using Tapatalk

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
TourKick (Clifford P)    1
TourKick (Clifford P)

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).

  • Like 1

Share this post


Link to post
Share on other sites
flourishdesignstudio    9
flourishdesignstudio

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
TourKick (Clifford P)    1
TourKick (Clifford P)

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
TourKick (Clifford P)    1
TourKick (Clifford P)

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
flourishdesignstudio    9
flourishdesignstudio

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
TourKick (Clifford P)    1
TourKick (Clifford P)
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
greenfly    230
greenfly
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

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • John Olsson
      By John Olsson+
      Hello,
      I wondering (and custumers) when does Font Awesome 4.7 comes with an update of Pagelines?
    • selmakdesign
      By selmakdesign
      Hi!
      Could really use some help on this one:
      How can I customize the navigation in the quickslider?
      The navigation (previous and next slide) is a font awesome icon which looks like a simple grey box.
      1. I'd like to replace this with custom arrow images?
      2. Is it possible to also add to the navigation: first slide/last slide?
       

    • davemoppert
      By davemoppert
      Hey guys,
       
      I am having issues with my fontawesome icons displaying properly in Chrome and Firefox... anyone else having this issue?
       
      Noticed that the icons show up when I am logged in, but when I log out, the turn into little boxes. 
       
      Any workaround? A couple of sites I am having issues with: 
       
      utahrooftops.com
      kodiak-charters.com
       
    • Redita
      By Redita
      Hello guys,
       
      I'm having a little issue and hope someone can shed light:
       
      Font awesome icons are not showing on Chrome, I can only see blank little squares. But they do on Safari. I have debug mode activated. Website is: www.nexinteractive.com 
       
      I've flushed the cache in the DMS toolbox and nothing. This started happening after migration from one server to the other. Both are Windows ISS servers and not commercial, but the client's. I'm sure it has something to do with the moving, but can't figure out what.
    • John Olsson
      By John Olsson+
      Hi there,
       
      Suddenly, when I start a new site, all the font awesome-icons turns into squares, they won't show.. But if you log out, then it works..
       
      Any ideas about this, any known history about this?
×