Public Forums 71,145 posts

[vb_zu Friend vb_zuJoin date: May 2010Posts: 4Downloads:0Uploads:0]

#151728

my site is http://www.dharapuram.in I’m using JA purity ii. its default background color is white. i want to change it to grey. where should i do it. pls help.. i want my site look like http://www.tamilvibration.dk[grey color]

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#346778

You need to open the file template.css in the japurityII css folder via FTP.

Once open navigate to line: 862 in the code to find this:


#ja-container {
background:url("../images/container-bg.gif") repeat-x scroll center top #FFFFFF;
border-bottom:5px solid #CCCCCC;
position:relative;
z-index:5;
}


You need to change the FFFFFF to a gray HTML color code like CCC, 333, 101010, etc.. you decide what you like by using “Pixie”: http://www.nattyware.com

Next you also need to edit the white back drop at the top which gives the shadow effect, that includes modifying or making an entirely new image using a program like photoshop, paintbrush, etc… The image is called container-bg.gif and is noted above where to locate it.

You could even do away with the image completely by modifying the line above to look like this:


#ja-container {
background: #CCCCCC; /*<<<< Your color code here*/
border-bottom:5px solid #CCCCCC;
position:relative;
z-index:5;
}


Hope this helps!
James

[vb_zu Friend vb_zuJoin date: May 2010Posts: 4Downloads:0Uploads:0]

#346840

Thanks a lot.. Works perfectly…

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#346841

No problem at all, if you need anything else please let me know!
Always willing to help out the community!

James

[larp123 Friend larp123Join date: January 2011Posts: 4Downloads:24Uploads:0 Thanks: 2]

#373970

Hi

Thanks for this information.
I have tryed it on my homepage http://www.lpcon.dk and works great – almost 🙂

But i seems like the footer is still white background.

Anybody here that could help ?

[hjames Friend hjamesJoin date: March 2010Posts: 82Downloads:475Uploads:3 Thanked: 8 times in 2 posts]

#373973

Sure!

Open this file:
http://www.lpcon.dk/templates/ja_purity_ii/css/template.css

and edit this line: (line: 1125)


.ja-navhelper {
background: none repeat scroll 0 0 #DDDDDD;
border-bottom: 1px solid #CCCCCC;
text-transform: uppercase;
}


The Red is what changes the color to the rest of your site.

To also remove the footer image you need to change the following: (same file line: 1313)


#ja-footer {
background: none repeat scroll 0 0 transparent;
border-top: 1px dotted #FFFFFF;
clear: both;
padding: 20px 0;
text-align: center;
}


This should help!

James

Please thank me if this is useful!

[coopoli Friend coopoliJoin date: April 2011Posts: 39Downloads:0Uploads:4 Thanks: 6]

#388742

NOTE:
I found the answer to my question here: http://www.joomlart.com/forums/topic/purity-2-site-background-colour/

This forum rocks!!!

Hi
This was helpful, but…

When i set the BG color as above the whole background changes to grey.

I´d like the center part of the site to be white and the outer left and right to be grey, or perhaps a background image.

I added an example.

Thanks i advance for any help.

---

Attachments:

1. 
2. 

[Author]

Posts