Joomla Templates Club 406,261 posts

[taus Friend tausJoin date: August 2011Posts: 57Downloads:13Uploads:7 Thanks: 19]

#175189

Helo, im using JA Tiris in joomla 2.5. i’d like to change the header color (black) to some other color. how can i do that?

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

#444606

<em>@taus 308718 wrote:</em><blockquote>Helo, im using JA Tiris in joomla 2.5. i’d like to change the header color (black) to some other color. how can i do that?</blockquote>
If you can provide the url of the site you’re working on – as well as set “Optimize CSS” to “No” within your Template Manager–General Settings – I will advise you of exactly where to look within your template files to adjust this element.

[taus Friend tausJoin date: August 2011Posts: 57Downloads:13Uploads:7 Thanks: 19]

#444629

Hi, http://www.tauslabs.com/jupgrade/index.php …And yes ive changed that to a ‘No” now

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

#444639

To change the background/color of the header . . . . .

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

look for the following line:

[FONT=arial]#ja-header .main-inner2 {
[/FONT]background: url(/images/bg-header.png) 0 100% repeat-x #141414;
padding-bottom: 10px;
padding-top: 10px;
}

All you have to do is change the background property to a hex color code of your choice.

Here are some resources for hex color codes . . .

http://www.2createawebsite.com/build/hex-colors.html

http://html-color-codes.com/

You will likely also need to modify the background color for your main navigation menu (if you want it to match your header color, that is). To do this, look for the following lines within the same template.css file

#[FONT=arial]ja-mainnav .main-inner2 {
[/FONT]background: url(/images/bg-nav.gif) 0 0 repeat-x white;
padding: 0;
}

Same thing . . . change the background property to a color or image of whatever you like.

Hope That Helps

1 user says Thank You to TomC for this useful post

1. taus

[taus Friend tausJoin date: August 2011Posts: 57Downloads:13Uploads:7 Thanks: 19]

#444640

thats a very fast reply.thank you. I will do that. 🙂

[Author]

Posts