VB cloud how to change background image of your forum

[Nintenex]

Hi Vbulletin,

I wanted to know if theres a way i could change the white color of my page and add and image instead.I cant find an option in the Admin control that
offers that i might have over looked it or its hidden within other options i can't seem to find it.

[THVossen]

Hi there. I just had the same issue.

What you do is go to the Style Variables Editor and search "body_background"

Then to add the image, in the "Background" tab, enter the code:

url(YOUR LINK HERE)

Be sure to add the url

[Nintenex]

Thanks for the response, unfortunately it doesn't work, however you did help me change the color of the forum. ^_^

[Mark.B]

Thanks for the response, unfortunately it doesn't work, however you did help me change the color of the forum. ^_^

It *does* work, however for us to be able to help we need to know full details.

What is the exact code you are putting in, and which stylevar are you putting it into please?

[Nintenex]

It *does* work, however for us to be able to help we need to know full details.

What is the exact code you are putting in, and which stylevar are you putting it into please?

I put the image url into the first one, and i uploaded the image to Vbcloud File manger

[Mark.B]

I put the image url into the first one, and i uploaded the image to Vbcloud File manger

Needs to be the other way round...you need to upload your image into the file manager, then copy the URL it gives you.

When you've done this, please post back with the entire piece of code you have put into the stylevar.

[Dale D-FL]

Needs to be the other way round...you need to upload your image into the file manager, then copy the URL it gives you.

When you've done this, please post back with the entire piece of code you have put into the stylevar.

Mark, after uploading the image to the file manager this is the code I received core/css/0/0/1/7/9/6//images/halloween-bats-horror-scary-red-night-header.jpg does this code look correct and does it get uploaded to Style Manager>Global>body_backgrund>upload image?

[Wayne Luke]

Once you have uploaded the image to your vBCloud File Manager and received the URL, then you can add it to a background by editing the proper style variable. In the case of this thread it would be the header_background image. Go to the AdminCP and select Styles -> Style Manager.

Find the style you want to change and choose "Style Variable Editor" off the Choose Action... menu.

Scroll down to the Header group and find header_background. Click on it and its options will appear in the right part of the screen.

One of the options is Background Image. You're editing that one. You will add your URL between the double quotes so it looks like url("/your/url/here/someimage.ext")

Save at the bottom and click on Site Home Page at the top of the AdminCP to see the changes.

You'll need to repeat this for every style you want to change.

[Nintenex]

Ill see if this works wayn when i did it before it didn't work at all.

[Wayne Luke]

Works here: https://forums.rabidbadger.io/index.php

[Mark.B]

Works here: https://forums.rabidbadger.io/index.php

Works on Joe's site too:
https://sedona.vbulletin.net/

[Dale D-FL]

Once you have uploaded the image to your vBCloud File Manager and received the URL, then you can add it to a background by editing the proper style variable. In the case of this thread it would be the header_background image. Go to the AdminCP and select Styles -> Style Manager.

Find the style you want to change and choose "Style Variable Editor" off the Choose Action... menu.

Scroll down to the Header group and find header_background. Click on it and its options will appear in the right part of the screen.

One of the options is Background Image. You're editing that one. You will add your URL between the double quotes so it looks like url("/your/url/here/someimage.ext")

Save at the bottom and click on Site Home Page at the top of the AdminCP to see the changes.

You'll need to repeat this for every style you want to change.

Wayne, I followed your instructions and added what you see underlined here https://pmf.vbulletin.net/core/css/0...ght-header.jpg to the header_background of the Pink Style and clicked save but, nothing changed. Did I leave something out? Since it failed to work I cleared the URL out and will try again once you get back to me.

[Mark.B]

Wayne, I followed your instructions and added what you see underlined here https://pmf.vbulletin.net/core/css/0...ght-header.jpg to the header_background of the Pink Style and clicked save but, nothing changed. Did I leave something out? Since it failed to work I cleared the URL out and will try again once you get back to me.

Needs to be:

url(https://pmf.vbulletin.net/core/css/0/0/1/7/9/6//images/halloween-bats-horror-scary-red-night-header.jpg)

[Dale D-FL]

Needs to be:

url(https://pmf.vbulletin.net/core/css/0/0/1/7/9/6//images/halloween-bats-horror-scary-red-night-header.jpg)

Mark, thank you for the input. I did it as you said and it worked like a champ. You support folks are the best.

[Mark.B]

Glad you got it sorted.