body bg color

[jeff]

Hi! Went off some posts but not thinking I have it right.

Can you check my edit in custom.css?

I just want to make the body bg black and actually, if
you can also include how to set the text color, I’d appreciate it.
The bg for black and text color is for the body and the widgets, if those are different than body.
I tried it within the sample brackets, as well. No joy. I’m a css novice;-)
Obviously.

————————————————————–*/
/*————————————————————–
1.0 – Global Styles
————————————————————–*/

body{background:black;}

/*

.just_an_example {
color: black;
}
*/

Tried this, too:

/*

body{background-color:black;}

.just_an_example {
color: black;
}
*/

Thx for your help!
jz

[Alyssa]

@discdemo there are a few more divs you need to add the black background to:
html, body, #main-wrap, #inner-wrap, #page, #main, #masthead{background:black; color:white;}
NOTE #masthead is the header, you can remove that as needed.
To make this easier you may want to get accustomed to the developer tools for chrome or IE or firebug plugin for FireFox. Use the inspect element tool to find out which elements to edit 🙂

[jeff]

Thx, TJ!
Is this the right way to add it?

.masthead{background:black; color:white;}
.inner-wrap{background:black; color:white;}
.page{background:black; color:white;}
.main{background:black; color:white;}
.html{background:black; color:white;}
.body{background:black; color:white;}

[Alyssa]

@discdemo the code I posted is the exact code to place in your custom.css file.

[jeff]

Thx, TJ. I’m still not seeing the black bg, throughout the body of the page.

I used this in 1.0 – Global Styles:

/*

html, body, #main-wrap, #inner-wrap, #page, #main, #masthead{background:black; color:white;}

.just_an_example {
color: black;
}
*/

The site is biblehighlighters.org, if you want to check the front end.

Thank you for helping me try to figure this out, TJ.
jz

[Christopher Williams]

@discdemo did you see this ” #masthead{background:black; color:white;} ” section of the code given to you by @tjchester that is how he is setting the background color

[Paul]

@discdemo body still has a background color of #FFF. Try this:

html, body, #main-wrap, #inner-wrap, #page, #main, #masthead{background:black; color:white !important;}

[Paul]

Correction:

html, body, #main-wrap, #inner-wrap, #page, #main, #masthead{background:black !important; color:white !important;}

[jeff]

Tried the new code with the overrides, Paul. No joy. Thx for trying!

[Paul]

Try adding body .site after body and before #main-wrap. This does work when using Chrome’s inspector tool on your site.

[Alyssa]

@discdemo you need to place the code outside of /* and */

[jeff]

Yes, awesome. What I am sure is basic and with this lesson learned, I now see my css updates.
Thanks, TJ. Thx all who have given their time and input.
Much appreciated!

Now, stay vigilant! Drop me a msg if you want to join
in at biblehighlighters.org … when it’s ready (or jzee.tv).
Adios for now! I’m sure I’ll have more questions;-)

jz

[Alyssa]

Glad this is resolved 🙂