important

  1. ENXF NET

    XF 1 Tip Navtab ResponsiveNarrow-Only Tab Width Control

    There are times where your tab width's need to be crushed down a bit to make your navbar operate in a more visually appealing way for your users who browse your site's using their devices that utilize ResponsiveNarrow renderings. I found this useful on my site primarily for logged-in users when...
  2. ENXF NET

    XF 1 Tip [bd] Widget Framework Poll Block

    This will make your results now appear as such In template replace wf_widget_poll_block_result with the following. <xen:edithint template="wf_default.css" /> <xen:edithint template="polls.css" /> <style type="text/css"> .widget-poll .pollBlock .pollResult h3.optionText { text-overflow: inherit...
  3. ENXF NET

    XF 1 Tip Individual node CSS attributes

    Steps Decide which node to modify: locate its ID in ACP > Applications > Node Tree > {desired category}, check URL for the ID, see below: In this example it's 47. Open EXTRA.css in ACP > Appearance > Templates > {desired style} > EXTRA.css Insert the following code: .nodeList .node_47...
  4. ENXF NET

    XF 1 Tip Xen Product Manager Tiles

    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...
  5. ENXF NET

    XF 1 Tip Thread Info add-on customization

    Requirements for this customizations: [SSD] Thread Info With code below you'll change this look: ... to that: Add code below to EXTRA.css template: /*** Thread Info Add-on customization ***/ .ssd_threadinfo2 { border: 0 !important; padding: 0 !important; background: none !important...
  6. ENXF NET

    XF 1 Tip [cXF] Change Navigation Tabs side

    Instead of this: ... have this: Add code to EXTRA.css template: .navTabs .publicTabs { float: right !important; } .navTabs .visitorTabs { float: left !important; }
  7. ENXF NET

    XF 1 Tip Styling the WYSIWYG / TinyMCE Editor

    This resource is not affiliated with XenForo Ltd. A lot of people have commented on the appearance of the WYSIWYG / Tiny MCE editor. Well here's a very simple edit which makes it blend in a bit better to the default style, matching the border radius settings of other elements. Even the menu...
  8. ENXF NET

    XF 1 Tip Install (and use) fonts in XenForo

    Add at very very bottom to EXTRA.css template of your style: /* <----- start FONTS ------->*/ @font-face { font-family: 'ecliptic'; src: url('./styles/default/xenforo/fonts/ecliptic.eot'); src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype")...
Top