View Full Version : Background problem
mp3president
12-03-2018, 10:17 AM
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
MarkFL
12-03-2018, 04:30 PM
In your StyleVars, look in the "Global" group for:
doc_background
body_background
mp3president
12-04-2018, 04:04 AM
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?
MarkFL
12-04-2018, 05:40 AM
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. :)
mp3president
12-04-2018, 08:34 AM
I did that the first time before i asked the question here ;)
Did it again after your reply, however it stays white.
MarkFL
12-04-2018, 02:51 PM
Perhaps you have CSS elsewhere overriding the StyleVars.
mp3president
12-05-2018, 03:40 AM
Any idea where to look for them?
it's this theme :
https://vborg.vbsupport.ru/showthread.php?t=291609
MarkFL
12-05-2018, 04:24 AM
As a quick fix, you can add something like this to your "additional.css" template for that style:
html {
background: #00A000 !important;
}
.body_wrapper {
background: #A00000 !important;
}
And change the colors to suit your desire.
mp3president
12-05-2018, 08:37 AM
:(
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....
IggyP
12-07-2018, 09:46 AM
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...
mp3president
12-07-2018, 12:41 PM
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.....
snakes1100
12-07-2018, 02:44 PM
Why dont u share ur site so we can actually look at it
MarkFL
12-07-2018, 03:32 PM
....make sure you are editing the right style etc....
This is the only thing I can think of that could be the issue.
mp3president
12-08-2018, 03:29 AM
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.
MarkFL
12-08-2018, 04:10 AM
Try this in your "additional.css" template:
html, body {
background #A00000 !important;
}
.gcontent {
background: #00A000 url(images/content.png) repeat-x left top !important;
}
mp3president
12-08-2018, 08:22 AM
yessssssssssssssssssssssssssssssssss
That did it :D :D :D :D
Thanks thanks thanks
You made my whole week ;)
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.