Archived

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

  • 0

Using Short Codes as Images for Boxes


Question

Posted · Report post

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!

 

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Yes, Content Box.

That's what I meant.

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

Share this post


Link to post
Share on other sites

Posted · Report post

Let us know that goes.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites