Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 13, 2014 at 6:36 pm #209094
    munck

    I am trying the following inside an Iconbox:

    Multiple shortcode icons on the same line. Code:
    [av_font_icon icon='ue808' font='entypo-fontello' color='#d4b98c' size='20px' position='center'][/av_font_icon]

    Ideally, I would like 4 icons next to each other. No matter what I do, it automatically inserts each icon on a new line.

    Suggestions?

    January 13, 2014 at 8:05 pm #209136
    Yigit

    Hey munck!

    Can you post the link to your website and point out the section where you have inserted icons?

    Cheers!
    Yigit

    January 13, 2014 at 8:46 pm #209151
    munck

    Link: http://192.185.4.34/~munck/aktivfamilieferie.dk/?page_id=2654

    60% down the page. Two golden stars icons

    • This reply was modified 11 years, 10 months ago by munck.
    January 14, 2014 at 5:26 pm #209544
    Devin

    Hi!

    You can have them float site wide by adding the following to your Quick CSS in the themes Styling tab or custom.css file:

    span.av_font_icon {
float: left;
line-height: 17px;
}

    The change in line height is so they don’t take up 2 lines.

    Regards,
    Devin

    January 14, 2014 at 6:41 pm #209601
    munck

    Hello

    Now the icons are aligned on the same line, thanks.
    Two questions remain:
    1. How do I center them on the page? (float: center; doesn’t work). I have also tried centering in the Icon box, to no avail.
    2. How do I make sure the text the follows go to the next line? No matter what I do in the editor, it stays on the same line as the icons.

    Thanks in advance for your help.

    See: http://192.185.4.34/~munck/aktivfamilieferie.dk/?page_id=2654

    • This reply was modified 11 years, 10 months ago by munck.
    January 15, 2014 at 12:38 am #209779
    Devin

    I don’t know of a way to center them together. At that point it would be easier to just use custom css and html or an image instead of the icons.

    October 22, 2015 at 3:43 pm #523055
    Deeds!

    Hi there, this is probably the most dirty way to workaround this problem. But I just searched up the HTML code and inserted the span code in a pricing table.

    I pasted this code and it worked:
    <span class='av-icon-char' style='font-size:20px;line-height:20px;' aria-hidden='true' data-av_icon='' data-av_iconfont='all_zhe_icons' ></span>

    October 23, 2015 at 7:12 am #523483
    Rikard

    Hi @Deeds!

    Thanks for sharing, much appreciated :-)

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Multiple Shortcode icons on the same line inside an Iconbox’ is closed to new replies.