Styles Editor

Styles

The Style tool allows you to select a pre-existing theme for use on your site and sets it as the default. It also allows you to apply CSS customizations to your site.

Themes

The Theme Selection tool will show all Styles installed in your vBulletin Site. Selecting one of the themes shown will provide a preview image and select it. If you decide that you do not like it, simply select a new theme. Your selection is saved when you click the Save Changes.

All Themes

vBulletin Connect ships with 16 custom themes in addition to the "Default Style." These themes primarily provide variations on colors, headers, and fonts. Below you can see a small preview of each theme.

CSS Editor

Using the CSS Editor, you can alter how your site look and feel, hide elements, and create a unique experience. There are currently two templates available for editing in this tool.

• css_additional.css: This template is used for general layout changes across the web client.
• css_sprite_icons_general.css: A special purpose template that can be used to customize the SVG graphics used in vBulletin's user interface. When editing this template, the sprite for your current style will be shown under the editor.

If you do not know CSS, you can find tutorials online. Two popular tutorials can be found at:

• W3Schools.com
• Mozilla Developer Network

Note: Editing the CSS is for advanced users. Technical support is not guaranteed for custom CSS.