В шаблоне main.css найдите и удалите строки
.banner-big .slider-left.first{background: #2db3d9;background: -moz-linear-gradient(top, #2db3d9 0%, #4ec7e9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #2db3d9 0%,#4ec7e9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #2db3d9 0%,#4ec7e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db3d9', endColorstr='#4ec7e9',GradientType=0 ); /* IE6-9 */} .banner-big .slider-left.second{background: #f1c22e;background: -moz-linear-gradient(top, #f1c22e 0%, #eecf6c 100%);background: -webkit-linear-gradient(top, #f1c22e 0%,#eecf6c 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #f1c22e 0%,#eecf6c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c22e', endColorstr='#eecf6c',GradientType=0 ); /* IE6-9 */} .banner-big .slider-left.third{background: #fd4d40;background: -moz-linear-gradient(top, #fd4d40 0%, #e7736a 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #fd4d40 0%,#e7736a 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #fd4d40 0%,#e7736a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4d40', endColorstr='#e7736a',GradientType=0 ); /* IE6-9 */}
.banner-big .slider-right{width:calc(100% - 310px)}
.banner-big .slider-right{width:calc(100% - 225px)}
.banner-big .slider-right{display:none;}
найдите
.banner-big .slider-right{width:calc(100% - 360px);background-position:right center;}
замените на
.banner-big .slider-right{width: 100%;height: 448px;position: absolute;background-position: center;z-index: -1;}
Теперь нужно заменить изображения слайдов на подходящие под слайдер. Размер новых изображений 850х448px.
slide1.png
slide2.png
slide3.png