-
AuthorPosts
-
August 26, 2015 at 12:01 am #493257
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>August 26, 2015 at 10:52 am #493420Hey mariocirillo,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
RikardAugust 26, 2015 at 1:49 pm #493548Sure
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
August 27, 2015 at 4:29 am #493887Hey!
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!
IsmaelAugust 31, 2015 at 1:09 am #495562Hello Ismael
That worked a treat! Thankyou very much its most appreciated :)
Mario
August 31, 2015 at 2:39 pm #495830 -
AuthorPosts
- The topic ‘Justified icons within a text box’ is closed to new replies.
