<div>
Hey, it is working. &nbsp;Issue is on line 9644, where you have:<br />
<br />
.et_pb_section setting the background color to white.<br />
That one is a child of the #main-content, so hiding the black color you want.
</div>


<div>
Is that the parent style sheet you found that? If so, I have to override it in the child stylesheet.
</div>


<div>
It was in style.css.<br />
Important note that I forgot to mention... I didn't actually see the &quot;div#main-content &quot;&nbsp;class you referred to anywhere in the page. &nbsp;I had to add it manually to Chrome tools to find the issue.<br />
<br />
Not sure if the site you posted is up to date?
</div>


<div>
Which style.css? I use firefox. At the top of the stylesheet where I need to add is Divi child atra flex. And I didn't leave in the div#main-content because even though it should work, it didn't.<br />
I have to over-ride what ever in the parent won't let me change it. I can only put the css in the child or it will be overwritten on upgrade.
</div>


<div>
I'm seeing a different conflict, but I see a div#main-content. The conflict is coming from Divi/style.css on line 3093. This style selector is more specific so it's taking precedence.
<pre><code class="code-1 nolinks" id="code-20-41720187-1"><span>.page.et_pb_pagebuilder_layout #main-content {</span>
<span>    background-color: transparent;</span>
<span>}</span>
</code></pre>
</div>


<div>
Tried:<br />

<pre><code class="code-1 nolinks" id="code-20-41720205-1"><span>.page.et_pb_pagebuilder_layout #main-content {</span>
<span>    background-color: #000!important;</span>
<span>}</span>
</code></pre>
Still didn't work - remember, I have to override the parent, I can't edit it.
</div>


<div>
My mistake. I was so busy looking for #main-content I didn't notice there are two other elements on top of it. Now I see what Snarf0001 saw in his initial comment. The style definition on line 9644 of Divi/style.css. You'll have to change that div (.et_pb_section) background-color from white to transparent for the #main-content div to be visible. You could also change div.et_pb_section to the desired background color, but since that's a class definition, it could change the background of other elements, too, which could be a problem.
</div>


<div>
<div class="content wysiwyg-content">
Can I get some fresh eyes on this please? I want to be able to set the background color of the content area - including full width of the screen of course. (not the header or footer)<br />
This should work, but is not taking effect:<br />
div#main-content { background-color: #000!important; }<br />
<br />
They'll want a very light grey, not black, but I'm using black to try to get it to work.<br />
<br />
<a href="http://new.atra-flex.com/why-atra-flex/grid-coupling-comparison/" rel="ugc">http://new.atra-flex.com/why-atra-flex/grid-coupling-comparison/</a><br />
<br />
Any help is appreciated!
</div>
</div>


Can I get some fresh eyes on this please? I want to be able to set the background color of the content area - including full width of the screen of course. (not the header or footer)
This should work, but is not taking effect:
div#main-content { background-color: #000!important; }

They'll want a very light grey, not black, but I'm using black to try to get it to work.

http://new.atra-flex.com/why-atra-flex/grid-coupling-comparison/

Any help is appreciated!

Background color of all content area

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.

WordPress

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.