Vanessa

Customer
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

Pixel Exit Staff
You could with a little bit of work:

Open the template: xb_social_links

Each line will look like this:

Code:
<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 :

Code:
<i class="fa fa-twitter fa-fw"></i>
font awesome part with something like so:

Code:
<img src="@imagePath/xenforo/twittericon.png" />
Hope that helps.
 

Vanessa

Customer
You could with a little bit of work:

Open the template: xb_social_links

Each line will look like this:

Code:
<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 :

Code:
<i class="fa fa-twitter fa-fw"></i>
font awesome part with something like so:

Code:
<img src="@imagePath/xenforo/twittericon.png" />
Hope that helps.
Thanks!

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

Steve

Pixel Exit Staff
Add this to EXTRA.css

Code:
<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>
 

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.