Vbulletin is the most popular and widely used Forum Software..

Sometimes it can be hard to use for newbies.Especially the basics like how to change Vbulletin Favicon or even how to change vbulletin background image or color  As this article will show you.


I have made a video Including a full detailed Tutorial On how to how to change vbulletin background image or color  

Please Follow these Steps

how to change vbulletin background image or color

how to change vbulletin background image or color


Step 1

Find and Download a Background Image


Step 2

Rename the background image to something simple like  background123

Open Filezilla or any FTP..


Step 3


Save The Background Image or pattern You downloaded to



>Skin Style


Step 4

Login to your back office Of Vbulletin

Navigate to:

>Style and Template

>Style Manager

>Select Your Template >Edit Template and Go

>Template CSS



Step 5

You will see this code:

[box style="4"]

background: #dbdbdb url(images/magnetic/style/bg.jpg)repeat;

<vb:if condition="is_browser('opera') && $stylevar['textdirection'] == 'rtl'">
overflow-x: hidden;


Change ---bg.png  - to your desired Background Name you have saved earlier in your style folder .

In this case i would change

[box style="2"]

background: #dbdbdb url(images/magnetic/style/back123.jpg)repeat;

<vb:if condition="is_browser('opera') && $stylevar['textdirection'] == 'rtl'">
overflow-x: hidden;



Save and Reload..

[indicator label="Completed " value="100"]
[stream provider=video flv=x:/www.technobezz.com/wp-content/uploads/2014/01/change-vbullent-background.mp4 embed=false share=false width=640 height=360 dock=true controlbar=over bandwidth=high autostart=false responsive=16:9 /]

Related Posts