Chapter 3

EDGY · May 6th, 2014, 01:57 AM

When using Layout Page scheme, Is there any Easy CSS solution for changing the CONTENT Background-color. I tried including a DIV ID in my content page and then changing it in the CSS many different ways but was unsuccessful.

Thanks
Eddie in Mesquite

Imar · May 6th, 2014, 04:25 AM

Hi Eddi,

You can set a background-color on the #MainContent selector which is used to define the content of the page. The sample CSS already has this set.

Hope this helps,

Imar

EDGY · May 6th, 2014, 10:56 AM

Thanks for responding Imar,

How about if I want to Have different background-colors for the Content area, depending on the page. I was able to do it via jQuery, but was having trouble with two ID tags, and not able to do it via a CSS page. (? Would this be easier if the CONTENT was a class instead of an ID. I read a discussion on that, this might be a perfect example)
I set a div/ID for a page and tried to do it via a CSS page but two ID was creating problems...

Thanks Imar, Eddie
(my apologies for not being clearer initially)

Imar · May 6th, 2014, 04:04 PM

Since there's only 1 MainContent div element in the page, it doesn't really matter if you use an ID or a class.

Adding the following to a page should do the trick:

<style>
#MainContent {
background-color: red;
}
</style>

This overrides the background color set in the main CSS file.

Cheers.

Imar