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


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 waltersrs†

waltersrs

    Member

  • DMS Subscriber†
  • 25 posts

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

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 CliffordP†

CliffordP

    Advocate

  • DMS Subscriber†

  • 507 posts

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
  • 19511 posts

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.