Как поменять цвет активного меню? - Вопросы по CSS

Люди выручайте! Проблема вроде не большая но я застрял. При наведении на меню появляется подсветка(У меня серого цвета), а мне нужен другой цвет. Вот код подскажите как его поменять.
 /* top menu */
#hot-jm{position: absolute; top: 0px; left: -5000px;}
ul#nav {
   margin:0;
   padding:0;
}

#nav, #nav ul {
   margin:0;
   padding:0;
   list-style-type:none;
   list-style-position:outside;
   position:absolute;
   z-index:100;
}

#nav ul {
   display:none;
}

#nav a {
   display:block;
   padding:10px;
   margin:0;
   text-decoration:none;
   font-size:16px;
   text-transform:uppercase;
   font-weight:300;
}
a#current {color:#fff;}

#topmenu ul.menu > li:hover > a, #topmenu ul.menu > li#current > a {
   padding:15px;

Там, где дирректива hover, добавьте параметр color: #нужный цвет

Что то не получилось а вы на примере кода не покажите пожалуйста.

А сайт у вас на денвере? не в сети?

Сайт в сети

Как я понимаю в #topmenu ul.menu > li:hover > a, #topmenu ul.menu > li#current > a { есть еще свойство background со значением типа #333.
Если надо поменять цвет подсветки, то меняйте код цвета на нужный Вам. Если, как писалось выше, надо изменить цвет текста, то добавьте свойство color

В этом то и дело что нет там такого значения. Я вам полностью код модуля скинул. Поменять нужно не текст а подсветку меню. Вот на всякий случай весь код шаблона
/* basics */
a:link,a:visited {
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

.breadcrumbs {
   text-align:right;
   font-size:10px;
   display:block;
}

a.readon, a.readmore {
   font-size:11px;
   text-transform:uppercase;
   font-weight:300;
   padding:5px;
   display:block;
   float:right;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
}

a.readon:hover, a.readmore:hover {
   background:#333;
   color:#fff !important;
}

.readon, .readmore {
   -webkit-transition:.5s linear all;
   -moz-transition:.5s linear all;
   -o-transition:.5s linear all;
   transition:.5s linear all;
   cursor:pointer;
}

.small, .createdate {
   font-size:10px;
   font-style:italic;   
}

.sectiontableheader {
   font-weight:700;
   padding:10px;
   border-bottom:1px dotted #989898;
}

.sectiontableentry1 td, .sectiontableentry2 td {
   padding:10px;
}

div.headerbody {
display:none;
}

td.sectiontableentry1, td.sectiontableentry2 {
   text-align:left;
   padding:10px;
}

.contentpane,.contentpaneopen,.blog {
   width:100%;
}

.contentpaneopen td.buttonheading {
   padding:0px;
   vertical-align:top;
}

/* modules */

.column_left div.moduletable, .column_right div.moduletable,
.column_left div.moduletable_circle, .column_right div.moduletable_circle,
.column_left div.moduletable_star, .column_right div.moduletable_star,
.column_left div.moduletable_triangle, .column_right div.moduletable_triangle {
   margin-bottom:25px;
}

div.moduletable h3 {
   font-size: 24px;
   line-height:24px;
   font-weight: 300;
   margin:0;
   padding:0 0 15px 0;
   color:#fff;
   text-align:center;
}

.module_user1 div.moduletable {
   margin:0 0 15px 0;
}

.user59_content div.moduletable h3, .advert_content2 div.moduletable h3 {
   font-family: 'Tangerine', cursive;
   font-style:italic;
   font-size:48px;
   padding-bottom:15px;
   position:relative;
   left:-10px;
   text-align:left;
}

.user59_content, .advert_content2 {
   font-family: 'Droid Serif', serif;
   font-style:italic;
}

.footer_content div.moduletable h3 {
   font-weight:300;
   font-size:32px;
   padding-bottom:30px;
   text-align:left;
}

.advert_wrap2 div.moduletable h3 {
   text-align:left;
}

/* main menu */

.column_left ul.menu, .column_right ul.menu {
   padding:0;
   margin:0;
}

.column_left ul.menu li, .column_right ul.menu li {
   padding:1px 0;
   margin:0;
   list-style:none;
   border-bottom:8px dotted #67635b;
   text-align:center;
}

/* footer menu */

.footer_content ul.menu {
   margin:0;
   padding:0;   
}

.footer_content ul.menu li {
   list-style:none;
   margin:0;
   padding:8px 0;
   border-bottom:1px solid #121212;
}

.bottom_area, .bottom_area a {
   text-align:right;
   clear:both;
   font-size:11px;
}

.footer_area {
   font-size:11px;
}

img {
   border:0;
}

fieldset {
   border:0;
}

hr {
   border-bottom:none;
   border-left:none;
   border-right:none;
}

/* headings */

.componentheading {
   font-size:54px;
   font-weight:700;
   padding:0;
   margin:0;
   line-height:54px;
   font-family: 'Tangerine', cursive;
}

h1 {
   font-size:54px;
   font-weight:700;
   padding:3px 0 20px 0;
   margin:0;
   line-height:54px;
   font-family: 'Tangerine', cursive;
   text-align:center;
}

h2 {
   font-size:40px;
   line-height:40px;
   font-weight:300;
   padding:20px 0 20px 0;
   margin:0;
   text-decoration:none;
   text-align:center;
}

h3 {
   font-size:24px;
}

h4 {
   font-weight:bold;
   font-size:15px;
   text-transform:uppercase;   
}

.footer_wrap h4 {
   margin:0;
   padding:0;
}

.rapid_contact {
   text-transform:uppercase;
   font-weight:300;
}

.inputbox, textarea {
   border:1px solid #666;
   padding:8px;
   margin:2px 0;
   font-family: 'Droid Serif', serif;
   font-style:italic;
   font-size:13px;
   text-transform:none !important;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   box-shadow:0px 0px 5px #fff;
   -moz-box-shadow:0px 0px 5px #fff;
   -webkit-box-shadow:0px 0px 5px #fff;
}

.search .inputbox {
   padding:2px;
}

.button {
   color:#fff;
   background:#414141;
   border:none;
   padding:8px;
   font-size:13px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
}

table.searchinto {
   width:100%;
}

form {
   margin:0;
   padding:0;
}

/* top menu */
#hot-jm{position: absolute; top: 0px; left: -5000px;}
ul#nav {
   margin:0;
   padding:0;
}

#nav, #nav ul {
   margin:0;
   padding:0;
   list-style-type:none;
   list-style-position:outside;
   position:absolute;
   z-index:100;
}

#nav ul {
   display:none;
}

#nav a {
   display:block;
   padding:10px;
   margin:0;
   text-decoration:none;
   font-size:16px;
   text-transform:uppercase;
   font-weight:300;
}
a#current {color:#fff;}

#topmenu ul.menu > li:hover > a,topmenu ul.menu > li#current > a {
   padding:15px;
}

#nav > li {
   float:left;
   margin:0;
   padding:0;
   position:relative;
   border-radius:15px 15px 0 0;
}

#nav li {
   position:relative;
}

#nav li ul {
   -moz-border-radius:0 15px 15px 15px;
   -webkit-border-radius:0 15px 15px 15px;
   border-radius:0 15px 15px 15px;
}

#nav li ul li {
   padding:8px 0;
   width:190px;
   margin:0;
}

#nav li ul a {
   line-height:normal;
   padding:0 0 0 10px;
   font-size:12px;
   text-transform:none;
   font-weight:normal;
   margin:0;
}

#nav li ul ul {
   left:190px;
   margin:-25px 0 0 0 !important;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
   display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
   display:block;
}

#nav li ul {
   z-index:200;
   padding:0 10px 10px 10px;
   border:none;
    margin:0 !important;
}

.copyright_area ul.menu {
   margin:0;
   padding:0;   
}

.copyright_area ul.menu li {
   margin:0;
   padding:0 0 10px 20px;
   float:right;
   list-style:none;
   font-size:12px;
}

.social_icons {
   line-height:16px;
}

.social_icons img {
   margin:0 5px 0 15px;
   position:relative;
   top:3px;   
}

/* lists */

ol {
   margin-left:35px;
   padding-left:7px;
}

ol li {
   padding-left:0;
   padding-top:0;
   padding-bottom:5px;
}

li ol {
   padding-top:5px;
}

ul.checklist {
   padding:0 !important;
   margin:0 0 0 15px;
}

ul.checklist li {
   background:url(../images/icon_checklist.png) no-repeat;
   padding:0 0 0 22px !important;
   margin:0 0 10px 0 !important;
   list-style:none;
}

ul.arrow {
   padding:0 !important;
   margin:15px 0 0 15px;
}

ul.arrow li {
   background:url(../images/icon_arrow.png) no-repeat;
   padding:0 0 0 22px !important;
   margin:0 0 10px 0 !important;
   list-style:none;
}

ul.star {
   padding:0 !important;
   margin:0 0 0 15px;
}

ul.star li {
   background:url(../images/icon_star.png) no-repeat;
   padding:0 0 0 22px !important;
   margin:0 0 10px 0 !important;
   list-style:none;
}

/* typography */

.warning {
   padding:15px 15px 15px 60px;
   color:#fff;
   border-top:4px solid #c10000;
   border-bottom:4px solid #c10000;
   background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
   padding:15px 15px 15px 60px;
   color:#006699;
   border-top:4px solid #006699;
   border-bottom:4px solid #006699;
   background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
   padding:15px 15px 15px 60px;
   color:#900;
   border-top:4px solid #900;
   border-bottom:4px solid #900;
   background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
   padding:0 10px;
   color:#218023;
   font-family:"Courier New", Courier, monospace;
   font-size:14px;
   line-height:20px;
   background:url(../images/code_bg.png);
}

.quote {
   border-top:4px solid #444;
   border-bottom:4px solid #444;
   padding:8px;
   font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
   font-size:18px;
   text-align:center;
   background:url(../images/quote_bg.jpg) repeat-x;
   color:#fff;
   font-style:italic;
   margin-top:15px;
   line-height:20px;
}

/* scroll to */

.box {
   padding: 10px;
}

.container {
   padding: 0 0 20px 0;
}

#message {
   display: block;
   display: none;
   z-index: 999;
   position: fixed;
   bottom: 25px;
   right: 0;
   width: 100px;
   line-height: 28px;
   height: 28px;
   padding: 2px;
   font-size: 11px;
   text-align: center;
}

#message a {
   color: #999;
   border-bottom:none;
}

Скорее всего надо копать в
a.readon:hover, a.readmore:hover {
   background:#333;//цвет фона
   color:#fff !important;//цвет текста
}
а лучше бы дали ссылку на сайт

napensii.com могу дать логин и пароль к админке если поправите готов оплатить если не очень дорого

За серый фон при наведении отвечает код
находящийся скорей всего внутри индексного файла, т.к. FireBug не ссылается на отдельные файлы
#333333 - и есть Ваш серый фон при наведении.

За подсказки платить не надо - это стоит "+" в репу

И пользуйтесь инструментами разработчика (напр. FireBug) - очень помогает

в смысле внутри index.php

там поменял а толку опять ноль

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

Да смотрю в трех разных браузерах даже такую строчку правил <param name="topMenuSubBg" type="HotColor" default="#33333" не меняется и все может вы посмотрите пол дня убил а ничего  не сделал

Может быть этот цвет меняется в настройках шаблона.
Зайдите на сайт авторов шаблона и у них спросите http://www.hotjoomlatemplates.com/joomla-templates/137-joomla-hotel-template.
Зря что-ли 25 долл. отдали за шаблон?
На демо шаблона авторы пишут, где можно увидеть настройки изменения меню http://demo.hotjoomlatemplates.com/index.php?template=hotel

Спасибо попробую

Вам нужно править свойство background в элементе #nav li:hover в строке 139-140
в файле index.php

На счет управления с админки - тоже правильно

Вам нужно править свойство background в элементе #nav li:hover в строке 139-140
в файле index.php

Этих строк нет в файле index.php. Все это подгружается из шаблона.
А как подгружается - надо смотреть.

Хотя можно и в template_css.css переопределить. Даю наводку - есть такая полезная штука "!important"

Этих строк нет в файле index.php. Все это подгружается из шаблона.
А как подгружается - надо смотреть.

Хотя можно и в template_css.css переопределить. Даю наводку - есть такая полезная штука "!important"

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

Да этих строк там нет и где есть найти не могу

А наводку можно куском кода если не сложно

Всем спасибо нашел они это вывели отдельным стилем CSS в шаблоне