Jump to content


Photo
- - - - -

Using Short Codes as Images for Boxes

boxes box sets short codes font awesome

  • Please log in to reply
6 replies to this topic

#1 carlton

carlton

    Advanced Member

  • Members

  • 56 posts
  • LocationAlabama
  • Country: Country Flag

Posted 14 July 2013 - 03:41 PM

I am trying to use the Font Awesome short codes as images in my boxes.

 

<i class="icon-coffee"></i> icon-coffee

 

<span class="ibox-icon-border pl-animation pl-appear pl-contrast media-type-icon pla-group animation-loaded" style=""><i class="icon-3x icon-tablet"></i></span>

 

Thus far, I have tried pasting the short codes into the content editor, as well as the fields for Boxes Image and Boxes Custom Class.

 

Not sure what I'm missing here (other than an in-depth knowledge of CSS).

 

Thanks!

 



#2 carlton

carlton

    Advanced Member

  • Members

  • 56 posts
  • LocationAlabama
  • Country: Country Flag

Posted 14 July 2013 - 04:00 PM

All I want to accomplish here is to have something similar to the Pagelines demo.

I am using the Simplicitate theme flagstonesearchmarketing.com.

Right now, I have static images saved as Box Images, but I need to add new ones, and prefer Font Awesome.



#3 dario

dario

    Super Member

  • Members

  • 115 posts
  • LocationMinneapolis
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 14 July 2013 - 04:02 PM

ContentBox section maybe?

Please Login or Register to see this Hidden Content



#4 carlton

carlton

    Advanced Member

  • Members

  • 56 posts
  • LocationAlabama
  • Country: Country Flag

Posted 14 July 2013 - 04:36 PM

Yes, Content Box.

That's what I meant.

Unfortunately, tutorial doesn't explain how to get the demo's effect.



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 July 2013 - 06:20 PM

Let us know that goes.



#6 carlton

carlton

    Advanced Member

  • Members

  • 56 posts
  • LocationAlabama
  • Country: Country Flag

Posted 14 July 2013 - 07:03 PM

It won't go anywhere. The pagelines documentation leaves a lot to be desired.

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 July 2013 - 07:08 PM

Well, first, I don't think you can use font-awesome images for boxes.

 

That said, you can use them in the Grid System, which could be used in place of the boxes. 

 

How do you apply the Grid System?  I use a universal sidebar, and place a text widget in there.  Within the text widget, I create the grid and where an image should go, I have a grid row element.  That's where I put the shortcode for font awesome.







Also tagged with one or more of these keywords: boxes, box sets, short codes, font awesome