Icon Box Grid

[icecast]

hi, any suggestions to create a grid of icon boxes? I tried below, but it displays icon boxes vertically, rather than horizontally:

[sf_iconbox image=”ss-egg” character=”” color=”standard” type=”standard” title=”egg” link=”http://tbd.com/egg” target=”_blank” animation=”none” animation_delay=”200″]
text
[/sf_iconbox]

[sf_iconbox image=”ss-pizza” character=”” color=”standard” type=”standard” title=”pizza” link=”http://tbd.com/pizza” target=”_blank” animation=”none” animation_delay=”200″]
text
[/sf_iconbox]

[sf_iconbox image=”ss-platter” character=”” color=”standard” type=”standard” title=”platter” link=”http://tbd.com/platter” target=”_blank” animation=”none” animation_delay=”200″]
text
[/sf_iconbox]

[Swift Ideas – Ed]

Hi @icecast,

If possible, I would suggest using the page builder asset for these, so that you can easily set the width and align how many you want per row etc.

If you need these within content, then you can use the following shortcodes to place around each one to create columns:

3 columns

[one_third]
..
[/one_third]
[one_third]
..
[/one_third]
[one_third_last]
..
[/one_third_last]

4 columns

[one_fourth]
..
[/one_fourth]
[one_fourth]
..
[/one_fourth]
[one_fourth]
..
[/one_fourth]
[one_fourth_last]
..
[/one_fourth_last]

Hope that helps.

– Ed