You can actually use some basic CSS to add icons to how we previously displayed. Add this to extra.less:

Code:
.p-linkList-changeStyle a:before, .p-linkList-changeWidth a:before, .p-linkList-changeLanguage a:before
{
    .m-faBase();
    display: inline-block;
    margin-right: 2px;
}
.p-linkList-changeStyle a:before { .m-faContent(@fa-var-paint-brush); }
.p-linkList-changeWidth a:before { .m-faContent(@fa-var-sliders-h); }
.p-linkList-changeLanguage a:before { .m-faContent(@fa-var-globe); }

We used a template edit before, but this CSS works exactly the same while minimizing main template edits.

Probably won't be an option but the CSS is easy enough to add.
 
I am not asked for this, also this icon also showed before 2.1.8 update. So why need this CSS add to extra.less?

I am asked for Light/Drak Style switch icon in Footer.

ScreenShot00243.png
 
Oh :), that.

May have been an oversight on my part, apologies about that.

You can edit: PAGE_CONTAINER

Find (around line 847 as of this post and this version)
Code:
<xf:if is="property('xbAlternatePageWidth') != null">

Add right above
Code:
                    <xf:if is="property('xbStyleSwitch') != '0'">
                        <xf:set var="$StyleSwitchID">{{ property('xbStyleSwitch') }}</xf:set>
                        <li class="p-linkList-styleSwitch"><a href="{{ link('misc/style', null, {
                                                        'style_id': $StyleSwitchID,
                                                        '_xfRedirect': $redirect,
                                                        't': csrf_token()
                                                    }) }}"
                                                              data-xf-init="tooltip"
                                                              title="{{ property('xbStyleSwitchPhrase') }}"><xf:fa icon="{{ property('xbStyleSwitchIcon') }}" /><span> {{ property('xbStyleSwitchPhrase') }}</span>
                            </a></li>
                    </xf:if>

I'll see about getting it added back in there for the next version.
 
This is inside our next release. There's no icon in the template itself but you can use the CSS posted above to add the icons to that footer area.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back