Joomla Templates Club 406,261 posts

[mallman Friend mallmanJoin date: January 2009Posts: 33Downloads:0Uploads:0 Thanks: 12]

#137792

I am using the pyrite red theme. I would like to alter the colour of the topmost bar from red to white.
This is the bar containing ‘you are here’ and A+ A A-. Thanks for any advice

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#289540

open your red.css (line 55) and find…

#ja-tpwrap {
background:#CC0000 none repeat scroll 0 0;
}


Change the CC0000 to FFFFFF

[jwellman Friend jwellmanJoin date: April 2008Posts: 543Downloads:0Uploads:6 Thanks: 115 Thanked: 59 times in 21 posts]

#289541

Look in your template .css files for the red color you are using. Look for #ja-tpwrap and change the background color.

It will look similar to this one. Replace the background color with #FFFFFF (white)
}

#ja-tpwrap {
background: #333333;
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
height: 26px;
letter-spacing: 1px;
}

[mallman Friend mallmanJoin date: January 2009Posts: 33Downloads:0Uploads:0 Thanks: 12]

#289546

Thanks guys-still a bit unsure, found the following code but where is the red hex value FF0000?

#ja-tpwrap {
background: #333333;
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
height: 26px;
letter-spacing: 1px;
}

#ja-tpwrap a {
color: #CCCCCC;
}

#ja-tpwrap a:hover, #ja-tpwrap a:active, #ja-tpwrap a:focus {
color: #FFFFFF;
}

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#289547

as you are using the red theme it is not in template.css. It is in /templates/ja_pyrite/css/colors/red.css

The color is CC0000 not true red FF000

#ja-tpwrap {
background: #CC0000;
}

1 user says Thank You to scotty for this useful post

1. mallman

[Author]

Posts