Public Forums 71,145 posts

[nsarode Friend nsarodeJoin date: January 2010Posts: 28Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#154300

how i can change background color of content area. please find the attached screen shot.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#355550

now, you open the file templates/ja_purity/styles/background/lighter/style.css and find the following code:

#ja-container2 {
padding: 20px 0;
background: url(images/c-bg2.gif) no-repeat 18% 0;
}

i have a suggesion : you should use the fire bug of firefox, it will help you looking for css of elements to complete this work quicker more: download it in here: http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/ and video guide: http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

[heilgenpahl Friend heilgenpahlJoin date: June 2010Posts: 7Downloads:0Uploads:2 Thanks: 2]

#355984

How did you get the right & left sides of your site to be black? I’m trying to do that to my JA Purity site & can’t figure it out.

http://174.132.221.8/~mrcf2192/

[nsarode Friend nsarodeJoin date: January 2010Posts: 28Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#356085

thank you

There is one more issue. how can i increase the left column width and decrease the middle column.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#356194

<em>@nsarode 194728 wrote:</em><blockquote>thank you

There is one more issue. how can i increase the left column width and decrease the middle column.</blockquote>

You open the file: templates/ja_purity/css/template.css and find the following code:

#ja-col1 {
float: left;
width: 24.99%;
padding-top: 10px;
overflow: hidden;
}

and

#ja-mainbody #ja-contentwrap {
float: right;
width: 75%;
}

you adjust the width for both rules

[Author]

Posts