Joomla Templates Club 406,261 posts

[pierdonato Friend pierdonatoJoin date: January 2010Posts: 4Downloads:0Uploads:1 Thanks: 2]

#151122

ja-nagya: how do i change the background color only content (body)?

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#343828

this is usually done in the stylesheet (template.css or colors/coloryouareusing.css)

ja-currentcontent

or ja-wrapper

Cheryl

[pierdonato Friend pierdonatoJoin date: January 2010Posts: 4Downloads:0Uploads:1 Thanks: 2]

#343900

<em>@cjmicro 178857 wrote:</em><blockquote>this is usually done in the stylesheet (template.css or colors/coloryouareusing.css)

ja-currentcontent

or ja-wrapper

Cheryl</blockquote>
I can not find references to color.
I change the background image in #ja-container?

/* MAIN LAYOUT DIVS
——————————————————— */
#ja-wrapper {
}

#ja-header,
#ja-mainnav,
#ja-container,
#ja-topsl,
#ja-botsl,
#ja-footer {
width: 950px;
margin: 0 auto;
clear: both;
}

.narrow #ja-header,
.narrow #ja-mainnav,
.narrow #ja-container,
.narrow #ja-topsl,
.narrow #ja-botsl,
.narrow #ja-footer {
width: 750px;
}

#ja-container {
background: url(../images/content-bg.png) repeat-y center;
}

.narrow #ja-container {
background: url(../images/content-bg-n.png) repeat-y center;
}

#ja-container-inner {
padding: 10px 6px 0;
position: relative;
}

/* PRIMARY COLUMN
——————————————————— */
#ja-content {
clear: both;
display: block;
float: left;
width: 54.9%;
}

#ja-current-content {
padding: 10px 20px;
}

/* COLUMNS
——————————————————— */

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#343920

pierdonato;178945I can not find references to color.
I change the background image in #ja-container?

*/

that’s because ja container has a background image to use for it’s colour
find and edit the content-bg.png image found in the /templates/ja-nagya/images/ folder

The clue is the word background: followed by the path to that background, which is the content-bg.png file

#ja-container {
background: url(../images/content-bg.png) repeat-y center;
}

.narrow #ja-container {
background: url(../images/content-bg.png) repeat-y center;

Hope this helps you
Shannon

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#344129

If you don’t want to make a new image or change it, you can just change it to a color background too.

<blockquote>#ja-container {
background: url(../images/content-bg.png) repeat-y center;
}</blockquote>

Could become:

#ja-container {
background: #CC0000;
}

The background images are nice though and usually make it more interesting than just plain color background!

Cheryl

[Author]

Posts