Public Forums 71,145 posts

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#183203

Hi how to change the color of the following:
1- header
2- top menu
3- the section headers
4- buttons.

where I can find the files and change them manually I tried from the template manger back-end template manger but I was not able to find the right files to change the color.

Please help.

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#476703

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

😎

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#476817

Hi TomC,

I have PM you the information. thank you in advance for your effort to help. 🙂

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#477143

Hi Guys, any idea how to change the color ?

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#477345

Hello okkhalid,

You can set “Optimize CSS” to “No” within your Template Manager – “Css & Javascript Compress”. Then clean site cache, refresh your front-end. And you can find the right files to change color manually as you want.

Regards.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#477414

<em>@okkhalid 351362 wrote:</em><blockquote>Hi TomC,

I have PM you the information. thank you in advance for your effort to help. :)</blockquote>

The admin login info you provided is not working.

Also, you have not yet set “Optimize CSS” to “No” within your Template Manager–General settings.
Need you to do this if I am to try to assist you.

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#477422

Hi TomC,

Sorry, please try now, I set the “Optimize CSS” to “No”

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#477423

TO CHANGE HEADER (background) COLOR:

Within file path –> /templates/ja_purity_ii/css/template.css

at line 1228, you will see the following:

#ja-header {
background: none repeat scroll 0 0 #333333
position: relative;
z-index: 10;
}

change the background color to whatever you want

TO CHANGE COLOR OF MAIN NAV:

Within file path –> /templates/ja_purity_ii/css/template.css

at line 1257, you will see the following:

#ja-mainnav {
background: url("../images/grad1-mask.png") repeat-x scroll center top #444444
border-top: 1px solid #666666
line-height: 1;
position: relative;
z-index: 11;
}

change the background color and/or image to whatever you want

I am not seeing the “section headers” similar to your original image. Can you clarify a bit?

Also, to which “buttons” are you referring?

1 user says Thank You to TomC for this useful post

1. jiniya

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#477424

Hi Tom,

Please see attached picture for the buttons.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#477425

TO CHANGE COLOR OF BUTTONS:

Within file path –> /templates/ja_purity_ii/css/template.css

at line 599, you will see the following:

.button {
background: url("../images/grad1.gif") repeat-x scroll center top #333333
border: 1px solid #333333
color: #CCCCCC
font-size: 85%;
padding: 3px 5px;
text-transform: uppercase;
}

change the background color to whatever you want

[Author]

Posts