Guides & Tutorials

When using a custom "Emoji Source" location the files are hard-coded for the png extension. This option allow you to select a different extension such as svg. (See thread 177937 at XenForo.com for reference.) This is a small add-on that will change the file extension of emoji images when served from a custom CDN. For our sites we serve the emoji images from our own locations and use .SVG images. Read the FAQ for an example of how to use Twitter's Twemoji .SVG images for your emoji.

This add-on creates a dynamic expanded footer with multiple columns and easy to set options. All text are phrases for easy translations and most admins will be able to have a great looking footer by selecting options in the ACP. All columns can be specified to automatically hide at a XF defined width (wide/medium/narrow) or to always be shown. After installing set your options in the ACP at Setup => Options => [CinVin] Footer Tweaks. At it's simplest, you just need to turn on both the...

CinVin Home is a quick and easy way to have a XenForo "Home" page for widgets. There are no manual edits required, automatically creates a "Home" navigation menu, pre-installs the same XenForo sidebar widgets displayed on the Forum home page, and has multiple spots for ads and widgets! Having a "Home" / "Portal" page is literally as easy as just installing this add-on! 😲 In the screen shot below the items in green are the widget positions you can choose and their names. The items in red...

This is a collection of several options related to XenForo meta tags and miscellaneous display tweaks. This is how, for example, we are using attachments for the og:image at Cameraderie photography forum. After installing go into your XF Options page and look for "CinVin - Style Tweaks" to change your settings. Change "What's New" Icon Link to "New Posts" On mobile devices (small screen sizes) a "What's New" lightning bolt icon is shown in the navigation bar. By default this links to the...

With the introduction of XenForo 2.0 a new 'sticky' navbar was added. When viewed on small devices, by default 650px or less, the full size logo in the header does not show up and instead the logo is shown on the sticky navbar. For some logos that is not a problem but for anybody using a large logo, or a logo that is intricate, showing the logo in the navbar shrunken down really tiny can be a problem. There are few different ways of tackling the issue, such as modifying the...