Сообщений в теме: 3

[romaizm]

Доброго времени суток!

1. Никак не могу выровнять блок "хиты продаж" с остальным контентом на главной странице. Между товарами в этом блоке существуют пробелы серого цвета, которые не нужны, из-за них границы всего блока шире, чем надо.
2. Как изменить внешний вид самой надписи "Хиты продаж" на главной? Также хочу добавить рядом с этой надписью иконку "Хит".

Сайт http://avtokover25.ru/

[Vaccina]

В main.css найдите и удалите:

.cms-index-index .col-main .products-grid li.first {
	padding-right: 1px;
}
.cms-index-index .col-main .products-grid li.last {
	padding-left: 1px;
}

далее найдите:

.cms-index-index .col-main .products-grid {
	width: 99%;
}

замените на:

.cms-index-index .col-main .products-grid {
	width: 97.1%;
	margin-left: 0.9%;
}

далее найдите:

.cms-index-index .col-main .products-grid li {
	padding: 0 0 0px 0px;
	width: 240px;
}

замените на:

.cms-index-index .col-main .products-grid li.first {padding-right: 1px;}.cms-index-index .col-main .products-grid li {*padding: 0;}.cms-index-index .col-main .products-grid li {padding: 0 0 0px 0px;width: 33.3%;}
.col-main .std h2 {
	color: #999;
	padding-left: 30px;
	background: url('#') no-repeat left bottom;
}

вместо знака # укажите ссылку на иконку для заголовка

[romaizm]

Vaccina (02 Август 2016 - 05:14) писал:

В main.css найдите и удалите:

.cms-index-index .col-main .products-grid li.first {
padding-right: 1px;
}
.cms-index-index .col-main .products-grid li.last {
padding-left: 1px;
}

далее найдите:

.cms-index-index .col-main .products-grid {
width: 99%;
}

замените на:

.cms-index-index .col-main .products-grid {
width: 97.1%;
margin-left: 0.9%;
}

далее найдите:

.cms-index-index .col-main .products-grid li {
padding: 0 0 0px 0px;
width: 240px;
}

замените на:

.cms-index-index .col-main .products-grid li.first {padding-right: 1px;}.cms-index-index .col-main .products-grid li {*padding: 0;}.cms-index-index .col-main .products-grid li {padding: 0 0 0px 0px;width: 33.3%;}
.col-main .std h2 {
color: #999;
padding-left: 30px;
background: url('#') no-repeat left bottom;
}

вместо знака # укажите ссылку на иконку для заголовка

Спасибо, блок выровнялся, но вот с самой надписью остались проблемы, добавляя иконку, она появляется не только в заголовке, но и рядом с названием товаров, выглядит ужасно.

[Vaccina]

В main.css вместо:

.col-main .std h2 {
color: #999;
padding-left: 30px;
background: url('#') no-repeat left bottom;
}

попробуйте использовать:

.col-main .std > h2 {
color: #999;
padding-left: 30px;
background: url('#') no-repeat left bottom;
}