Как изменить фон или цвет шрифта в шаблоне.

Есть сайт все вроде гуд помаленьку наполняю его. http://izumrudnaya.kiev.ua/
Но возникло одно неудобство. Сам шаблон синий и текст пишется белыми буквами. Очень часто после установки разных компонентов вроде форума замечаю что текст компонента белый на белом сливается вот так.

[/URL][/IMG]

или как вариант сделать вот так бекграунд за основным текстом сделать белым и шрифт соответственно черным
вот так
[/URL][/IMG]

нашел css шаблона вот он. Менял методом тыка фон у background-color но так и не понял где нужное место для замены.

/* Begin */

/* (^_^) */

/* Begin */


/*_____Body_____*/

body {padding: 0 0 0 0; margin: 0px 0px 0px 0px; font-family: Tahoma; font-size: 18pt; color: #ffffff; background-color:#003872;}

/*_____SpanBody_____*/

.contentpaneopen {font-size: 12px; text-align: justify;}
.contentheading {font-size: 14px; font-weight: bold;}
.blog_more {font-size: 14px; font-weight: bold;}

/*_____Модуль какой-то _____*/

.module {margin-left: 15px; padding-bottom: 15px;}

/*_____Последние новости_____ */

.moduletable_lastest h3 {font-size: 14px;}

/*_____Слачайное изображение_____ */

.moduletable_img h3 {font-size: 14px; text-align:left;}
.moduletable_img img {padding-right: 25px;}

/*_____Навигация_____*/

.pagenav {font:bold 12px Arial; text-decoration:none;}
.back_button {font:bold 12px Arial; text-decoration:none;}

/*_____Ссцылки_____*/

a:link, a:visited, a:active, a:hover {color: #ffffff; font-size: 8pt; text-decoration: underline;}
a:hover {text-decoration: none;}

a:link.h1, a:visited.h1, a:active.h1, a:hover.h1 {color: #a5e0ff; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a:hover.h1 { text-decoration: none;}

/*_____Тело_____*/

.maindiv {background-color:#003872; margin:auto; padding: 10px 10px 10px 10px; width:1100px; text-align:center;}

/*_____headings_____*/

h1, h2, h3, h4, h5, h6 {padding-bottom: 0px; margin-bottom: 5px; line-height: 100%;}

h1 {font-size: 150%; font-weight: bold; color: #FFFFFF;}

h2 {font-size: 100%; color: #FFFFFF; font-weight: bold;}

h3 {font-size: 120%;}

h4 {font-size: 30%; font-weight: normal;}

h5 {font-size: 20%;}

h6 {font-size: 13%;}

/* menu */

.moduletable-menu {padding:0; text-align:left; font-size:12px;}

/* END */

Код титульной страницы. http://izumrudnaya.kiev.ua/ сайт уже в сети буду рад любой помощи

 

Попробуйте вставить вот этот код в конец http://izumrudnaya.kiev.ua/templates/fish/css/style.css

Код (CODE):

1. #body {
2.     background: #fff;
3.     color: #000;
4.     padding: 5px 15px;
5. }
6.  
7. #body a {
8.     color: #000;
9. }

 

Ну как бы да основное место под текстом белый фон, но шрифт тоже белый теперь менять цвет шрифта?

 

Я понял что мне нужно.
Как в компоненте Фаирбоард это форум поменять цвел шрифта с белого на черный?

 

Поставить Firebug и радоваться жизни.

 

Открываешь сайт через Chrom, наводишь курсор мыши на текст, жмешь правую кнопку мыши, выбираешь "просмотр кода элемента". Справа в открывшимся окне смотришь - какой файл CSS отвечает за элемент, там же, рядом с названием файла и номер строки кода элемента. Открываешь файл с помощью редактора(Netpad++ , или DreamWeaver, или простого блокнота), и меняешь. Например цвет текста (color:#FFFFFF) Удачи!


Да забыл! http://joomextensions.ru/ - Расширения Joomla

 

Накопал инфу в нете что есть много шаблонов для этого компонента с разными цветами и оттенками. Вот на подобии этого. http://www.bestofjoomla.com/component/option,com_extensions/page,show_extension/adid,79/catid,6/Itemid,67/
или вот это
http://ext.joom.ru/fireboard-templates.html
но о горе реально не единого шаблона небыло ( все ссылки битые. Лопачу инет и до сих пор ... увы но все тщетно.. если у кого есть какая инфа где вхять темный шаблон для этого компонента. Поделитесь.