background

Carbon for xenforo 2 Carbon, named after the carbon texture which is used throughout the design, is a dark theme for xenforo and is especially perfect for gaming sites. Your members can customize the theme themselves by choosing their own color scheme and background image from a preset array...

Uniform for xenforo 2 Uniform is a light, modern theme focused around a background picker which applies a single background image throughout the entire forum, including category bars and forum icons. The theme is packed with customizable features which can be easily enabled or disabled from...

The below code will display a flag of France in the top right block of your header. Open the ad_header template in the style(s) you are using and paste the following code. The CSS is included in the code so you can customize to suite your needs (ie: remove the box shadow for dark themes)...

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...

Description: Changes the default style of the reply button into a more beautiful one Go to your Admin CP -> Appearance -> Style -> (Your Style) -> Templates -> Extra.css Add inside .message .publicControls .item { -moz-box-shadow: 0px 1px 0px 0px #f0f7fa; -webkit-box-shadow: 0px 1px 0px...

The below code will display a flag for Belgiums in the top right block of your header. Open the ad_header template in the style(s) you are using and paste the following code. The CSS is included in the code so you can customize to suite your needs (ie: remove the box shadow for dark themes...

These instructions will explain how to create your own custom CSS for user banners. Give the banner a title: Choose a class name for your custom class, in this example we are using my-style. Add it to the custom CSS field for the user group, like so: If you want the banners to wrap around...

This resource is not affiliated with XenForo Ltd. I'm sure lots of people will want to create their own thread prefix CSS, so this thread will help you do that. The following code should be added to EXTRA.css In the example below we're going to create two classes; CTA1 and CTA2. Of course you...

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...

This resource is not affiliated with XenForo Ltd. This is a simple edit to change the css for sticky threads only. Add this to EXTRA.css: .discussionListItem.visible.sticky, .discussionListItem.visible.sticky .posterAvatar, .discussionListItem.visible.sticky .stats { background: @inlineMod...