Jump to content

Archived

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

dreamsight

accordion short code image?

Recommended Posts

dreamsight

Is it possible to add an image in the heading instead of heading="Tile 1" ?

 

[pl_accordion name="accordion"][pl_accordioncontent name="accordion" number="1" heading="my_image_here" open="yes"]

Share this post


Link to post
Share on other sites
Rob

Hi,

 

You may well be able to use the code for Font Awesome in there.  You'd have to test it.  That's not something I've tested personally or tried.  See: http://docs.pagelines.com/tutorials/font-awesome

 

And particularly see the examples at the bottom part of that page.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob

Hi,

 

I'm told this is how you do it:

http://d.pr/n/VNZq


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
dreamsight

Thanks Rob, I'll have a look

Share this post


Link to post
Share on other sites
dreamsight

It adds the icon fine. I'll create my own icon class and let you know how I get on

Share this post


Link to post
Share on other sites
dreamsight

Thanks Rob, but I need to add my own images

Share this post


Link to post
Share on other sites
Danny

What you would need to do is add the HTML for the accordion instead of using the shortcode. The simplest way to get the correct code is to use the shortcode on your site, then use Chromes web dev tools to inspect your accordion.

Copy the HTML and paste it into a code editor, then add your image where you like. Once your changes are completed, copy and paste the code over the shortcode and save your page.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
dreamsight

Forget all this, just found Squared plugin... Ace

Share this post


Link to post
Share on other sites
Rob

Very good.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×