В теме одно сообщение

[ogonek7777]

Изначальный катало темы Новогодний огромен. Хотелось бы упростить его (Главный каталог и каталоги в подрубриках) - убрать карточки, оставить просто названия, шрифт уменьшить, перед категорией  точка (цвет как у кнопок).

Расположение  категорий линейно по три в ряду (на ПК): 1-2-3. Затем следующая строка4-5-6.

[Mr.Nito]

ogonek7777 (15 Июль 2017 - 21:24) писал:

Изначальный катало темы Новогодний огромен. Хотелось бы упростить его (Главный каталог и каталоги в подрубриках) - убрать карточки, оставить просто названия, шрифт уменьшить, перед категорией  точка (цвет как у кнопок).

Расположение  категорий линейно по три в ряду (на ПК): 1-2-3. Затем следующая строка4-5-6.
2017-07-15_21-12-40.png

В файле main.css

замените

/*** Категории ***/
.index .categories {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}
.categories {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;}
.categories .item {display: inline-block;position: relative;margin: 0 15px 30px;border: 1px solid #fce3bd;text-align: center;width: 270px;}
.categories .item:hover {border: 1px solid #000;}
.categories .item .cat-image {border-bottom: 0;margin: 0 10px 10px;line-height: 270px;}
.categories .item .cat-image a {display: block;overflow: hidden;}
.categories .item .cat-image a img {max-width: 100%;}
.categories .item .cat-name {margin: 0;padding: 10px;background: transparent;text-align: center;}
.categories .item .cat-name a {display: block;overflow: hidden;font-size: 18px;height: 45px;}
/* Категории с подкатегориями */

на

/*** Категории ***/
.index .categories {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}
.categories {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;}
.categories .item {display: inline-block;position: relative;margin: 0 15px 5px;text-align: center;width: 270px;}
.categories .item .cat-image {border-bottom: 0;margin: 0 10px 10px;line-height: 270px;display: none;}
.categories .item .cat-image a {display: block;overflow: hidden;}
.categories .item .cat-image a img {display:none}
.categories .item .cat-name {margin: 0;padding: 10px;background: transparent;text-align: center;}
.categories .item .cat-name a {display: block;overflow: hidden;font-size: 18px;/* height: 18px; */}
.categories .item .cat-name a:before {content: '●';display:inline-block;vertical-align:middle;color: #f50056;position: absolute;left: 0px;top: 50%;margin-top: -12px;}
/* Категории с подкатегориями */

результат:

Прикрепленные изображения

•