display

Overview This guide will show you how to remove the header, breadcrumbs & footer on login pages. Go to the template "login_page" and replace everything with this: <xen:title>{xen:phrase log_in}</xen:title> <style type="text/css"> #header { display: none; } .footer { display: none; }...

Add to EXTRA.css: /* START - Category description on hover */ .nodeList .categoryStrip .nodeTitle a { float: left; } .nodeList .categoryStrip .nodeDescription { display: none; } .nodeList .categoryStrip:hover .nodeDescription, .node:hover .nodeDescription { display: block; float...

Requirements: Xen Product Manager Add this to your EXTRA.css template: .productListItem { display: inline-block !important; table-layout: initial !important; border-radius: 5px; margin: 10px 0px 0px 0px; width: 260px !important; box-sizing: border-box; vertical-align: top...

One of the biggest concerns with 1.2 has been how to activate the responsive design while still using AdSense. Obviously as the various page widths are now totally dynamic, simply adding a Google ad slot in the normal manner won't work. Once the browser width reduces below the width of the...

This resource is not affiliated with XenForo Ltd. Another simple bit of CSS which will add an image to the navigation bar for each tab, in front of the tab text/name. You need to know the class name for each tab. The default ones are: home, forums, members, help. If you are using the Nodes As...