Изменение цвета меню в шаблоне Ja Purity

Всем добрый день,необходима Ваша помощь. не знаю css совсем, и не могу найти как поменть цвет текста меню (возможно и самих кнопок)в шаблоне Ja Purity.. перекопал css шаблона так и не понял где менять.

Помогите пожалуйста.
тестовый сайт: tba.stroiweb.co.cc

 

menu.css (строка 15)

 

спасибо большое в основном разобрался..

а еще не подскажите когда нажимаешь на меню чтобы при нажатой (активной) кнопке текст был тоже другого цвета это где делается?

мне казалось здесь:

#ja-container2 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #e4891e; /*- а это отвечает за фон при нажатой кнопке*/
color: #ffffff; /*вроде здесь, поменял но не работает. как был черным цвет текста так и остался*/
font-weight: bold;
text-decoration: none;


в данный момент работаю на локалке, кеш чистил все равно цвет не меняется(

 

Это вроде в стиль цсс, строка 24, 37 menu css строка это активное меню bold

 

то есть в другом файле? в template.css ?

 

Поставь FireBug

 

поставил, с html все там понятно.. а как найти где править css я не понял.. подскажите плиз!!!!

 

Окно справа

 

а где вообще находится эти : строка 15 или строка 155? Что - то у себя в шаблоне в CSS никаких строк не вижу.
Подскажите плз

 

мой друг это надо знать CSS вот так выглядит меню


/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs is Module*/
a.breadcrumbs pathway{}
.pathway {}
a.pathway:link {}
a.pathway:visited {}
a.pathway:active {}
a.pathway:hover {}



/* Menu J1.5 new menu */
/* level 1 or Top Level*/
.mainlevel {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
/*border-right: 10px solid #393939;*/
/*padding: 0 0 0 5px;*/
}

ul.mainlevel {
background-color: #686868;
list-style: none;
display: inherit;
}

.mainlevel a{
color: White;
display: block;
}

.mainlevel a:hover{
color: #F0FFFF;
background-color: #627DAA;
display: block;
}
/* end of Level 1 */

/* Level 2 Grey */
.mainlevel ul {
color:white;
background-color: transparent;
list-style: none;
padding: 0px;
display: inherit;
}

.mainlevel ul a{
color:white;
background-color: #D8D5DC;
display: block;
text-indent: 1em;
}

.mainlevel ul li a:hover{
color:white;
background-color: #A4B9CE;
white-space: normal;
display: inherit;
}
/* End of Level 2 */

/* Level 3 Black yellow*/
.mainlevel ul ul {
list-style: none;
background-color: transparent;
}

/* */
.mainlevel ul ul a {
color:white;
background-color: Black;
display: block;
text-indent: 2em;
}
/* */
.mainlevel ul li ul li a:hover{
color: White;
background-color: #FFD700;
}
/* End of Level 3 */


/* Level 4 Green */
.mainlevel ul li ul li ul li {
list-style: none;
color: White;
background-color: transparent;
}
.mainlevel ul li ul li ul li a{
color: White;
background-color: #B1CD32;
display: block;
text-indent: 3em;
}
.mainlevel ul li ul li ul li a:hover{
color: White;
background-color: #677620;
}
/* End of Level 4 */

/* Level 5 Maroon */
.mainlevel ul li ul li ul li ul li{
list-style: none;
color: White;
background-color: transparent;
}
.mainlevel ul li ul li ul li ul li a{
color: White;
background-color: #660000;
display: block;
text-indent: 4em;
}
.mainlevel ul li ul li ul li ul li a:hover{
color: White;
background-color: #990000;
}
/* End of Level 5 Maroon */

/* Current highlighted link Icon Arrow */
#current li {
margin: 0px;
padding: 0px;
}

#current {
/* list-style: disc url(../images/mw_readon.png);*/
/* image issue with the rollover need to be add to others href link */
}

/* */
/* Legacy
Mainlevel mainlevel */
.mainlevel {}
a.mainlevel {}
a.mainlevel:hover {}
/* End Mainlevel mainlevel */
/* Sub mainlevel */
.sublevel{}
a.sublevel{}
a.sublevel:hover {}
/* End Legacy Sub mainlevel */

а эти строки просто показывает a href тоисть ссылки

 

Используйте нормальный редактор. Dreamweaver, например... Сразу поймете какие строки имеются ввиду.

 

да я тоже на Adobe Dreamweaver CS 5

 

Я не о том как выглядит меню. Как мне найти конкретную строку в шаблоне чтобы изменить, допустим подсветил я ее фаербагом, а она например template.css строка 15 , захожу в template.css, но номеров строк нет. как найти номера строк?

 

Я же Вам написал: "Используйте нормальный редактор. Dreamweaver, например..." В нем открываете свой CSS, слева увидите нумерацию строк. Ищете нужную и правите код.

 

попробуй найти и изменить такой код

/* Sub mainlevel */
.sublevel{}
a.sublevel{}
a.sublevel:hover {}

 

Спасибо, понял.
Тока надо еще разобраться с ним ппц.

 

а я в фотошопе перекрашивала )))
не в смысле, что я не ищу простых решений.. просто оттенок оранжевого не понравился... взяла и перекрасила..
скопировала всю паgre шаблона... каждый открывала отдельно и перекрашивала...

а как менять в css цвета ... я пользовалась какой-то утилитой определения цвета - там тыкаешь пипеткой по палитре и тебе выдается цифровой код этого цвета... и через поиск ищешь этот цвет в шаблоне... не всегда помогает, конечно .. у того же серого пятнадцать кодов.. блин...