Hey Guys,
I have a text box that takes up the width of my column. I would like to add 4 icons into that text box and have them justified so that they are evenly spread and take up the whole space. I cannot seem to get them to justify at all.
Can anyone help me please?
Many Thanks,
Mario
<p style="text-align: justify;">[av_font_icon icon='ue8f1' font='entypo-fontello' style='' caption='' link='manually,http://twitter' linktarget='_blank' size='40px' color='#00a4e3']
Follow us on Twitter
[/av_font_icon] [av_font_icon icon='ue8f5' font='entypo-fontello' style='' caption='' link='manually,http://facebook' linktarget='_blank' size='40px' color='#00a4e3']
Follow us on Facebook
[/av_font_icon] [av_font_icon icon='ue8fc' font='entypo-fontello' style='' caption='' link='manually,http://linkedin' linktarget='_blank' size='40px' color='#00a4e3']
Follow us on LinkedIn
[/av_font_icon] [av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='manually,mailto: (Email address hidden if logged out) ' linktarget='' size='40px' color='#00a4e3']
Send us an Email
[/av_font_icon]</p>
Hey mariocirillo,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Sure
http://www.virtualworkspaces.co.uk/sitemain/contact-us/
If you scroll down you can see the 4 blue icons. I would like them evenly spaced on the same line if possible to take up the width of the column
Many Thanks
Mario
Hey!
Add a class attribute to the p tag.
<p class="custom-icon" style="text-align: justify;">
Add this in the Quick CSS field:
.custom-icon .av_font_icon {
width: 24%;
margin-right: 0;
}
Cheers!
Ismael
Hello Ismael
That worked a treat! Thankyou very much its most appreciated :)
Mario