Изменение шаблона mx_joofree7

1.) Фоновая бесшовная карктинка background.png копируется в папку  images.

В файле  index.php редактируем строчку 

body { color: #<?php echo $bg2 ?>; background: #<?php echo $bg1 ?> url(<?php echo $LiveSiteUrl ?>templates/<?php echo $this->template?>/images/background.png) 0 0 repeat;}

В файле styles.css редактируем строчки 

в секции /* Main Layout */

.bgr {position: absolute;width: 100%; background: url(../images/background.png) repeat ;}

В секции /* Content */

#main { color: #222; background: #e0e0e0 url(../images/background.png) repeat ; margin:0 auto; position: relative; border-top:1px solid #000}

2.) В этой же секции (styles.css) делаем градиентную заливку фона заголовка материала

.item-page-title {padding:0 20px 5px 0; color: #D2691E; background: #C0C0C0; background: linear-gradient(to top, #A9A9A9, #F5F5F5); text-indent:10px; line-height:25px; border-radius: 10px;}

3.) Плавная анимация главного меню. Отступ, цвет подменю. (styles.css)

ul.menu ul li a {
padding: 3px 3px 5px 15px; color: #8B4513;
transition: all 1s;
}

ul.menu ul li a:hover {
color: #000;
margin-left:10px;
transition: all 0.3s;
}

ul.menu li a { padding: 3px 3px 5px 5px; text-decoration: none;
transition: all 1s;
}

ul.menu li a:hover {
margin-left:10px;
transition: all 0.3s;
}

4.) Оформление картинок материала -  p img{...}