Помогите пожалуйста разобраться с редактированием шаблона и стилей

Добрый день. Есть сайт zem-kadastr.ru/, на нем установлен плагин ДАО Компании. На главной странице над топиками выводится блок «Кадастровые инженеры». Я хочу немного поменять в вид этого блока — изменить цвет и размер заголовка. Уже голову себе сломал, не могу найти стиль, который за это отвечает.
Нашел шаблон, который описывает этот блок www/plugins/dao/templates/skin/default/blocks/block.include_index.tpl
Там есть такие строки
<div class="dao-mini-list">

		<h2 class="page-header">
			{if $oCatalog->getCatalogType()=='calendar'}:{$aLang.plugin.dao.catalog_last_added_calendar}{else}{/if}
			<a href="{$oCatalog->getCatalogUrlFull()}">{$oCatalog->getCatalogTitle()|escape:'html'}</a>
			
			{if $oCatalog->getCatalogType()=='company'}
				{if $oUserCurrent}<a href="{$oCatalog->getCatalogUrlFull()}add/" class="button button-green fl-r">Добавить себя</a>{/if}
			{/if}
		</h2>
		

		{include file="`$oCatalog->getTemplatePath()`/tpltypes/`$oCatalog->getCatalogType()`/view/`$oCatalog->getCatalogType()`.mini_list.tpl"}
	</div>

Как я понимаю, мне нужен стиль page-header. Нашел его вот тут www/templates/skin/synio/css/base.css
h2.page-header { color: #333; font-size: 27px; line-height: 1em; font-weight: normal; margin-bottom: 20px; }
h2.page-header span { color: #aaa; }
h2.page-header i { vertical-align: middle; }

h2.header-table { margin-bottom: 10px; font-size: 22px; font-weight: normal; }
h2.header-table a { color: #275ec2; }
h2.header-table span { color: #949aa1; }


Правильно или нет? Скорее всего что-то не так, потому что редактирование этого стиля не дает результатов.

Подскажите пожалуйста, как найти нужный мне стиль? Или как и куда прописать новый стиль для этого заголовка?

3 комментария

avatar
Чтобы «не сломались» другие заголовки на сайте добавьте класс ссылке, например
<a class="engineers_header" href="{$oCatalog->getCatalogUrlFull()}">
затем в css добавьте
h2.page-header a.engineers_header { color: #333; }
avatar
Спасибо! А можете пояснить чем этот способ отличается от того как сделан этот заголовок?
<h2 class="page-header">

Ну т.е. логику объясните, если не сложно. Я действительно столкнулся с тем, что при попытках поменять нужный мне заголовок, менялись и другие ссылки на сайте. Хочу разобраться с этим.

А размер тоже можно будет указать тут?
h2.page-header a.engineers_header { color: #333; }
Или он будет браться из других стилей где прописан размер для h2? И в какой файл добавлять этот стиль?
avatar
Это называется каскадные стили и увеличение спецефичности. Получается у кого правила спецефичность больше то и работает, этот прием удобно применять для переопределения базовых стилей. Если проще, то получается чем точнее адрес css селектора, тем приоритет этого правила больше. Можете и размер указать там.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.