Docs

[leverpunch]

Hi,

I created some custom icons and would like them to be available via the “Icon List” element (instead of using shortcodes). How should I go about this? Do I need to specify the height & width?

If possible, I’d appreciate if you could provide me with the codes as well.

Thanks!
Alvin

[Friech]

Hi Alvin,

Thanks for writing in! We can help you place your custom icon besides a list/text. But we can not add your custom icon on the library because that is a fontAwesome.

If you wouldn’t mind provide us with a little more clarification on what it is you’re wanting to do (a link to your site would be very helpful, and perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[leverpunch]

This reply has been marked as private.

[Paul R]

Hi,

You can use three columns then add your image and text in a text element like this.

<a style="float:left;" class="x-img center-custom-image x-img-link none" href="http://stemcord.leverpunch.com/client-centre/make-a-payment/" data-options="thumbnail: 'http://stemcord.leverpunch.com/wp-content/uploads/2016/04/1.png'"><img src="http://stemcord.leverpunch.com/wp-content/uploads/2016/04/1.png"></a>
<p><span style="color: #f68a1f; font-size: 17px;"><strong>MAKE A PAYMENT</strong></span></p>
<p>Make use of the most convenient payment modes for StemCord’s services.</p>

Hope that helps.

[leverpunch]

Hi Paul,

The issue with this approach is if the text is lengthy and the paragraph is taller than the image. This will cause it to overflow and appear under the image.

Please advise.

[Paul R]

Hi,

In that case, you need to use columns as you did or you can try block grid shortcode.

http://theme.co/x/demo/integrity/1/shortcodes/block-grid/

Please also note that you can modify the column width by adding an inline css in the style field of your column element.

You can try adding width:72px; in the style field of your column element where your images resides.

[leverpunch]

This reply has been marked as private.

[Rue Nel]

Hello There,

Yes, you may use percentage as your width.

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[Author]

Posts