ByJoomla's Blog

Change background in BJ Venus 2

On April 11, 2012, in ByJoomla Tips, by admin

Some people ask me about changing background in BJ Venus 2. As they get used to BJ Venus (1)’s background which can be changed according to template them set in back-end, they wonder why cannot BJ Venus 2 do that.

BJ Venus 2 background

BJ Venus 2 background

The reason is: “Yes It is”. BJ Venus 2 is designed that way, its background matches with all other colors. HOWEVER, you can change it manually. I’ll tell you the recipe right now, in three steps:

Step 1. Prepare your background . It can be one complete background or a texture (which will be repeated in background).

Step 2. Put it in bj_venus_2/images folder

Step 3. Edit bj_venus_2/css/layout.css. Find this line

body {
background: url(../images/v2-bg.jpg) 0 250px repeat-x;
Change the file name and other properties to your needs. Here the syntax
background: url(../images/[filename]) [top] [left] [repeat|repeat-x|repeat-y|no-repeat];
where :
[top] is the position of background image from the top edge of the page, for example: opx
[left] is the position of background image from the left edge of the page, for example: 0px
[repeat|repeat-x|repeat-y|no-repeat]  choose each of the values.
Choose “repeat” if the texture is repeated both x and y dimension. “repeat-x” or “repeat-y” if the texture is repeated in dimension only. Choose “no-repeat” if your background is not repeated.
That is it. Maybe my explanation is long, but they’re just 3 simple steps. You can manage it well, I believe.
So, let’s start!

Comments are closed.