Background problem
 

Hi there,

I have a question/problem and i hope there is someone that can help me.
I am busy with a christmas theme on my forum, however i want to change the background of it. Now it is white, but i want to have it black so it is a darker theme!!

Ik have looked everywhere( but not 100% apparently) and can't find where to ajust this.

I will put a picture below, i have pointed teh background i want to change with red arrows.

Ik hop someone can and will help me.

Greetings.

PS sorry for my bad english :D

https://vborg.vbsupport.ru/external/2018/12/1.jpg

In your StyleVars, look in the "Global" group for:

doc_background
body_background

Thanks for your reaction.

I found them, however it says this:

additional.css

.body_wrapper {
background: {vb:stylevar body_background};
}

Vbulletin.css

html {
background:{vb:stylevar doc_background};
<vb:if condition="$stylevar['textdirection'] == 'rtl'"> /* VBIV-11882 */
overflow-x: hidden;
</vb:if>

But how do i change the color of the background?

Change the value of the StyleVars, not your CSS templates.

Follow:

AdminCP -> Styles & Templates -> Style Manager

Then look at the style you wish to change, and with "Style Variable Editor" selected, click "Go" and then scroll down to the "Global" group and you will find the two StyelVars I mentioned. Click on them and you can edit them to contain the colors you want. :)

I did that the first time before i asked the question here ;)

Did it again after your reply, however it stays white.

Perhaps you have CSS elsewhere overriding the StyleVars.

Any idea where to look for them?

it's this theme :

https://vborg.vbsupport.ru/showthread.php?t=291609

As a quick fix, you can add something like this to your "additional.css" template for that style:

And change the colors to suit your desire.

:(

That didn't work either

I also tried ti remove this

.body_wrapper {
background: {vb:stylevar body_background};
}

from the additional.css but also dit not work....

should work....be sure to clear your browser cache before checking and if you want to test an additional code try adding an !important before the ;

at least that can show you if there is another code conflicting you need to remove but stylevars is going to be the best place for the change...

triple check everything obvious....make sure you are editing the right style etc....markfl's solutions totally should work...

Tried all what you have said.

cleared cache, other browsers... nothing works.

This is my additional.css at the moment, but still stays white!:

body, html {
width:100% !important;
min-width:100% !important;
max-width:100% !important;
}
.body_wrapper {
background: {vb:stylevar body_background};
}
.site_width {
min-width: {vb:stylevar doc_minWidth};
max-width: {vb:stylevar doc_maxWidth};
width: {vb:stylevar doc_width};
margin:0 auto;
}
html {
background: #00A000 !important;
}

.body_wrapper {
background: #A00000 !important;
}

Hope you guys can help me, bin busy with it now for a couple of days.....

Why dont u share ur site so we can actually look at it

This is the only thing I can think of that could be the issue.

The site is www.pirates4all.com

And i am trying to change in the right style "kerst".

I don't know what, but something is overriding the css.

Try this in your "additional.css" template:

yessssssssssssssssssssssssssssssssss

That did it :D :D :D :D

Thanks thanks thanks

You made my whole week ;)