Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 27, 2018 at 3:38 am #918142
    navindesigns

    How do I have a footer widget that has icons next to each other with text.

    screenshot – https://imgur.com/a/BqF66

    full page mockup – https://imgur.com/a/iOWYx

    dev site – http://spadeconsult.com/home/

    February 27, 2018 at 5:45 am #918180
    Mike

    Hey navindesigns,
    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.
    For example, the shortcode for the phone icon is:

    [av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]

    Best regards,
    Mike

    February 28, 2018 at 3:10 am #918772
    navindesigns

    Thank you!

    One last thing, how do I make them a 2×2 layout instead of everything stack ontop of eachother

    Home

    February 28, 2018 at 4:15 am #918784
    navindesigns

    also the skype and wechat icons are not showing up on the front end

    here is the shortcode

    [av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] 65.8808.3808

    [av_font_icon icon='ue90d' font='entypo-fontello' size='20px'][/av_font_icon] spadeconsult

    [av_font_icon icon='uf232' font='entypo-fontello' size='20px'][/av_font_icon] 65.8808.3808

    [av_font_icon icon='uf1d7' font='entypo-fontello' size='20px'][/av_font_icon] spadeconsult

    I have uploaded all 4 of my icons (with Iconfont Manager) and only the first 2 showing up

    February 28, 2018 at 4:33 am #918787
    Mike

    Hi,
    I added two div’s to your widget code, wl (widget left) & wr (widget right) so it looks like:

    <div class="wl">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon] 65.8808.3808
[av_font_icon icon='ue90d' font='entypo-fontello' size='20px'][/av_font_icon] spadeconsult</div>

<div class="wr">[av_font_icon icon='uf232' font='entypo-fontello' size='20px'][/av_font_icon] 65.8808.3808
[av_font_icon icon='uf1d7' font='entypo-fontello' size='20px'][/av_font_icon] spadeconsult</div>

    Then I added this css in the General Styling > Quick CSS field:

    .textwidget .wl {float: left;}
.textwidget .wr {float: right;}

    For this result:
    2018-02-27_213049

    Best regards,
    Mike

    February 28, 2018 at 4:37 am #918788
    navindesigns

    wow thank you so much

    i just had one more comment about 2 icons not showing up

    can you assist with that too?

    February 28, 2018 at 5:45 am #918798
    Mike

    Hi,
    The font type was actually ‘skype’ It’s working now, please check.

    Best regards,
    Mike

    March 12, 2018 at 4:35 am #925323
    navindesigns

    You are the best

    Thanks

    March 12, 2018 at 12:59 pm #925486
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Social Icons with text next to each other in footer widget’ is closed to new replies.