Jump to content


Photo
- - - - -

Adding Icon Font to Scrollspy

icon font scrollspy shortcodes

Best Answer Danny , 18 March 2013 - 07:25 AM

Hi,

 

Unfortunately, Font Awesome code can not be used with the Scroll Spy section Title HTML. 

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 waltersrs

waltersrs

    Member

  • Members

  • 25 posts
  • Country: Country Flag

Posted 11 January 2013 - 04:08 PM

How do I go about adding icons (fontawesome icon font) to Scrollspy menu items and other shortcodes built into PageLines?

 

 

<div class="scroll-header page-header" title="Key Terms">
<h1 style="text-align: center;">Key Terms <span style="color: #999999;"><small>that you need to know </small></span></h1>
</div>
 
In the above code, if I wanted to place an icon in the title, how would I do that?  Adding "<i class="icon-ok"></i>" seems to break it.  What am I missing or is this not possible?
 
Thanks.


#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 January 2013 - 04:12 PM

I don't think you can add another class within a heading, which is why the code breaks. If you need to add an icon, I think you'll need to use an <img> tag including the icon image since you wouldn't be able to "retrieve" it using Fontawesome.



#3 Clifford P

Clifford P

    Advocate

  • Members


  • 379 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 17 March 2013 - 09:21 PM

Hi. I found this post when searching through the forums, and I thought my icon font shortcode plugin might come in handy: 

Please Login or Register to see this Hidden Content

(I am the seller)

If it helps, great.

 

To answer your question specifically, I think you're running into issues with double and single quotes undesirably closing each other...

 

I tried it with scrollspy and I could get this to work (notice use of my shortcode plugin):

Please Login or Register to see this Hidden Content

But oddly enough I couldn't get either of these to work (not using my icon font shortcode plugin):

Please Login or Register to see this Hidden Content

 

Not sure why not but hopefully that points you in the right direction and you get your issue solved.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 13067 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 March 2013 - 07:25 AM   Best Answer

Hi,

 

Unfortunately, Font Awesome code can not be used with the Scroll Spy section Title HTML. 







Also tagged with one or more of these keywords: icon font, scrollspy, shortcodes