Joomla Templates Club 406,261 posts

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#183583

How can I change the background color of the main content area as shown in the attached image. I tried modifying custom.css. The following did not do anything:

#ja-maincontent.clearfix,
.item-page.clearfix,
.page-header.clearfix,
#ja-maincontent,
section#ja-mainbody.container.ja-mainbody,
div#ja-maincontent.clearfix,
div#ja-content,
section#ja-mainbody.container.ja-mainbody,
#ja-mainbody,
.ja-mainbody {
background-color: #e3e0cc !important;
}

---

Attachments:

1. 

[lookk Friend lookkJoin date: July 2008Posts: 32Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#478286

use thememagic application panel to change colors (available at the backend in template manager)

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#478290

<em>@lookk 353227 wrote:</em><blockquote>use thememagic application panel to change colors (available at the backend in template manager)</blockquote>

I can change the color of the modules, like the login panel on the right of the image. I cannot locate where you can change the background color of the main content area.

[lookk Friend lookkJoin date: July 2008Posts: 32Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#478298

if it’s the white color u are referring to (visible in your screenshot), it in theme magic too

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#478300

What setting in Theme Magic do I change? The module variables do not affect the main content area. Scaffolding changes the page background color.

[lookk Friend lookkJoin date: July 2008Posts: 32Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#478313

which part of site do you refer to as ” the main content area”? I thought it is the white background of k2 item or an article visible at your screenshot, other areas seem to have already been customized?

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#478316

It is the background of a normal Joomla article, NOT a K2.

[lookk Friend lookkJoin date: July 2008Posts: 32Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#478317

then change the following rule in in template.css of a given theme color folder

.item-page {
background: #fff
padding: 20px;
}

#fff is white of course

1 user says Thank You to lookk for this useful post

1. clrmedia

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#478318

Thanks. That did it.

[etchot Friend etchotJoin date: November 2012Posts: 40Downloads:0Uploads:6 Thanks: 16 Thanked: 5 times in 1 posts]

#478808

Thanks. I have been dealing with this for some time :-[. I used the custom.css to make the change.

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#478811

Agreed. custom.css is the place to do it.

[Author]

Posts