Icons don't align
Hi, I'm having trouble aligning icons with text, I have the following:
[icon_block icon="icon-map" align="left" color="black" size="20"] <h4>Town Hall, Knowsley St, Bury BL9 0SW</h4>
[icon_block icon="icon-phone" align="left" color="black" size="20"] <h4> 0161 253 5000</h4>
[icon_block icon="icon-mail" align="left" color="black" size="20"] <h4>[email protected]</h4>
[icon_block icon="icon-lamp" align="left" color="black" size="20"] <h4>www.burylabour.com</h4>
But it appears as such (bottom of page before widgets): http://www.burylabour.com
I am wanting each line of text to appear next to the icon, not below it. Can you help?
Comments
single icons are being displayed block and if you want to put text next to them, you need to display them inline-block. To do this, please set custom class name, like: icons-align-left for the column where you got those icons and then use the following css:
.icons-align-left .single_icon {display: inline-block !important;
float: left !important;
}