Custom Social Icons

[Vanessa]

Hi,

I was wondering if I can use custom icons for social sites (twitter, facebook etc) instead of using the Font Awesome. If so, how do I change these icons?

Thanks,

 

[Russ]

You could with a little bit of work:

Open the template: xb_social_links

Each line will look like this:

<xen:if is="@xb_sl_twitter"><li class="xbslTwitter"><a href="@xb_sl_twitter" target="_blank" title="Twitter"><i class="fa fa-twitter fa-fw"></i></a></li></xen:if>

You can just replace the :

<i class="fa fa-twitter fa-fw"></i>

font awesome part with something like so:

<img src="@imagePath/xenforo/twittericon.png" />

Hope that helps.

 

[Vanessa]

You could with a little bit of work:

Open the template: xb_social_links

Each line will look like this:

<xen:if is="@xb_sl_twitter"><li class="xbslTwitter"><a href="@xb_sl_twitter" target="_blank" title="Twitter"><i class="fa fa-twitter fa-fw"></i></a></li></xen:if>

You can just replace the :

<i class="fa fa-twitter fa-fw"></i>

font awesome part with something like so:

<img src="@imagePath/xenforo/twittericon.png" />

Hope that helps.

Thanks!

Another question, it's possible to hide the advanced footer in responsive design?

 

[Steve]

Add this to EXTRA.css

<xen:if is="@enableResponsive">
/* Hide it on tablets */
@media (max-width:@maxResponsiveMediumWidth)
{
html .extraFooter
{
    display: none;
}
}
/* Hide it on smaller devices */
@media (max-width:@maxResponsiveNarrowWidth)
{
html .extraFooter
{
    display: none;
}
}
</xen:if>

 

[Vanessa]

thanks!