Найдите код (839 строка)

<h1><span style="font-family: Cassandra">Контакты:</span></h1>

и замените его на

<h3><span style="font-family: Cassandra">Контакты:</span></h3>

Далее откройте файл feedbackform.css (находится в корне сайта), найдите в нем код и удалите его:

.formBodyInput{background-color: ffffff;
color: 000000;border: solid; border-width:1px;
border-color: dddddd;font-size: 15px;margin-left: 10px;
margin-right: 10px;height: 16px;width: 367px;
}

Этот код одна сплошная ошибка, вообще не понятно кто его вставил и зачем.

Русскоязычные и англоязычные символы различны по своему написанию и размеру в зависимости от шрифта. Попробую объяснить простыми словами. К примеру, если в шрифте присутствуют англоязычные символы, но отсутствуют русскоязычные, браузер будет брать первый попавшийся шрифт в стиле, что содержит русскоязычные символы, либо использовать системный (операционной системы). Дизайнер, разработавший шаблон, решил использовать именно такой шрифт, т.е. веб-мастер должен настраивать шрифты самостоятельно для своей страны или в той, в которой шаблон будет использоваться.

Zhorik, смотрите в корне сайта. По адрсу он открывается, значит есть: http://samurais.esy.es/feedbackform.css

Есть разница?

Не торопите события! Эти два исправления были нацелены на следующий шаг действий. Автор шаблона привязал через скрипты к элементам h1, h2 и h3 адаптивный текст, возможно дело именно в нем. Удалите из /js/function.js эти строчки:

/* Fittext */
$('h1').fitText(1, { minFontSize: '19px', maxFontSize: '50px' });

$('h2').fitText(1, { minFontSize: '17px', maxFontSize: '40px' });

$('h3').fitText(1, { minFontSize: '15px', maxFontSize: '30px' });

Соответственно из шаблона надо удалить подключаемый скрипт (из-за ненадобности — чего он зазря будет грузиться?!):

<script src="js/fittext.js"></script>

То есть текст выравнять относительно полей? Это почти бесполезно, т.к. поля формы никаким образом не привязаны к тексту слева, плюс возникнет сложность в установке (расписать то я распишу, но не исключает возникновения проблем): придется вводить новые классы и индивидуально прописывать для каждого отступ относительно верхнего элемента, вымеряя позицию. Я не говорю о пользователях, зашедшим на сайт — им будет сложно сориентироваться к чему относить текст, а к чему поля, т.к. блоки "Контакты" и "Обратная связь" расположены рядом, и между собой не имеют даже разделительной черты, что визуально их объединяет.

Для удлинения полей формы в самый низ файла css/section.css добавьте код:

.section-contact form input[type='text'], .section-contact form input[type='email'] {
  width: 300px;
}

Я не стал трогать поле "Ваш текст", оно и так длинное, увеличил только первые два ("Ваше имя" и "Ваша почта").

Zhorik, с полями аналогично, они не объединены с названиями в один блок, а расставлены один за другим (по типу чередования: название - поле - название - поле -название - поле), а названия не имеют индивидуальных идентификаторов и классов за которые можно было бы "зацепиться". В качестве эксперимента попробуйте такой код (в самый низ файла css/style.css):

#callbackForm div:nth-child(5) {
  margin-top: -14px;
}

Поле "Ваш текст" должен быть на уровне текста, расположенного под надписью "Email".

А, ну у нас и для него есть рецепт приготовления
В файле css/section.css найдите код (274 строка):

.section-contact form textarea {
  width: 98%;
  background-color: transparent;
  height: 20px;
}

В атрибуте height замените его значение 20px на 33px

Хм, в сети есть такой плагин на JQuery, называется AutoResize (или Textarea autoresize). Попробую объяснить установку.
1. Скачайте этот архив и распакуйте его;
2. Загрузите в папку js файл jquery.autosize.js
3. Перед тегом </body> вставьте код:

<script src="js/jquery.autosize.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('textarea').autosize();    
});
</script>

Этот код подключит к сайту плагин и сделает все текстовые поля (textarea) растягивающимися.

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

Начало правильное, но CSS советую заменить на такой вариант:

<style>
.floatright{
  clear: right;
  float: right;
  position: relative;
  margin-left: 20px; /*внешний отступ*/
  margin-top: 20px; /*внешний отступ*/
  margin-bottom: 20px; /*внешний отступ*/
  padding: 10px; /*внутренний отступ*/
}

.floatleft{
  clear: left;
  float: left;
  position: relative;
  margin-right: 20px; /*внешний отступ*/
  margin-top: 20px; /*внешний отступ*/
  margin-bottom: 20px; /*внешний отступ*/
  padding: 10px; /*внутренний отступ*/
}
</style>

Убираем рамки и стили для текста.

Да, он самый. Прежде всего надо заменить класс blog-single-header (и им подобные) на другой, к примеру, my-blog-header, который далее прописываем в стилях

Адрес картинки меняем на свой

Zhorik, по поводу первого вопроса ответил в самом начале:

По поводу картинки: у вас и не будет работать, т.к. эффект "увеличения" закреплен за классом image, который вы зачем-то из элемента div удалили, прописав в нем только класс floatleft. Замените

<div class="floatleft" style="width:255px"><img width=250 height=392 src="img/photo/carskaja-tropa1.jpg" ></div>

на

<div class="image floatleft" style="width:255px"><img width=250 height=392 src="img/photo/carskaja-tropa1.jpg" ></div>

А CSS из предыдущего моего сообщения замените на такой вариант:

<style>
.floatright{
  clear: right;
  float: right;
  position: relative;
  margin-left: 20px; /*внешний отступ*/
  margin-top: 20px; /*внешний отступ*/
  margin-bottom: 20px; /*внешний отступ*/
  padding: 10px; /*внутренний отступ*/
}

.floatleft{
  clear: left;
  float: left;
  position: relative;
  margin-left: 20px; /*внешний отступ*/
  margin-top: 20px; /*внешний отступ*/
  margin-bottom: 20px; /*внешний отступ*/
  padding: 10px; /*внутренний отступ*/
}
</style>

Поправил отступ картинки слева от текста.

Всё так просто не получится: текст и картинка расположены в отдельных блоках, которые, в свою очередь, сами расположены в блоках. То есть вложенность блоков не позволяет картинке и тексту выстроится таким образом, каким вам надо. Можно, конечно, попробовать сделать "мнимый элемент" рядом с текстом, и над этим элементом позиционировать нашу картинку, но "овчинка выделки не стоит".

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

<script src="js/jquery.js"></script>

А надо чтобы было так:

<script src="/js/jquery.js"></script>

По аналогии надо сделать и со всеми подобными строчками, которые подключают стили и скрипты.

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

.blog-header .nav li,
.front-header .nav li,
.fixed-header .nav li {
  padding-right: 25px;
  padding-left: 25px;
  letter-spacing: 2px;
}

И замените его на такой:

.blog-header .nav li,
.front-header .nav li,
.fixed-header .nav li {
  padding-right: 15px;
  padding-left: 15px;
  letter-spacing: 2px;
}

Тут я немного уменьшил отступы между ссылками (на 10px с каждой стороны), дав возможность вставить еще пару пунктов или даже больше, в зависимости от текста в ссылке (чем больше текста в ссылке, тем шире будет пункт меню). Еще бы я посоветовал вам убрать ссылку "Дом", т.к. за это уже отвечает логотип сайта (тоже при нажатии перенаправляет на главную страницу сайта).

На этом форуме с PHP я не работаю, особенно написанием целых модулей, как комментарии, т.к. это не так-то просто. Казалось бы, в чем может возникнуть сложность? Поясню: помимо самого обработчика (скрипта) комментариев, к нему надо привязать форму (шаблоны ввода-вывода), соответствующие стилю оформления сайта, которую следует проверять на валидность (для того, чтобы никакой злоумышленник не вставил в него зловредный код и/или не заспамил), далее, все это надо где-то хранить — либо в файлах, либо в базе данных, прикрученную к скрипту, далее, привязать каптчу, написать пагинацию (не обаятельно, но лишним не будет), ну и, разумеется, функции модерирования, такие как одобрение/редактирование/удаление комментариев, и прочее, прочее, прочее... Посмотрите в сети, есть множество скриптов комментариев, но не советую рассматривать, написанные позднее трех-четырех лет назад.

Подумаю, но не обещаю, т.к. он очень сложен в своей структуре.

PS: Пользуюсь случаем, сообщаю, что меня тут надоумили сделать страничку поддержки проекта. Это не обязательно и не конкретно вам, просто сообщаю

Zhorik, нееет, вы ошибаетесь, очень даже и не немного
Вы этот файл взяли из WordPress или где-то нашли? Если нашли, то говорю, что этот файл из движка WordPress. В нем прописаны переменные, которые работают от других файлов движка. Этот файл, по своей сути, является всего-лишь малой частью системы комментирования: всего-навсего выводит комментарии и форму с проверкой доступа (авторизован ли пользователь), весь остальной функционал для работы комментариев отсутствует. Как я и говорил ранее, это не так-то просто.