Редактирование отображения разделов каталога

[Gela]

Здравствуйте коллеги. Подскажите пожалуйста как отредактировать расположение разделов каталога по 3 в ряд. Шаблон дефолтный. Изначально отображалось как крайние по высоте на весь блок, а между ними 4 блока в 2 строки * 2 колонки. Изменил размеры в стайлшит.цсс. размеры блоков стали одинаковыми, но выстроились в вертикальный ряд. Флекс не помогает, видимо позиционирование через скрипт регулируется. Сайт http://nlo.com.ru/ 

[HyperLabTeam]

о чем вопрос?
скрин например нельзя разве?

[Keyser]

Так что ли? http://prntscr.com/kuhtap

[Gela]

Вот так, только по 3 в ряд. Т.е. Надо изменить размер и отображение. При попытке регулировать вопрос позиционирования блоков каталога ничего не получилось; флексы ничего не дали

 

[jaffagold]

Какой флекс?

Вы смотрели, как у вас разметка этих блоков формируется:

<div class="catalog-grid-item" style="position: absolute; left: 0%; top: 140px;">

Это что за инлайновые стили и кто их туда вставляет?

Уберите их.

Зачем вам absolute?

У вас уже есть

catalog-grid-item {

float: left;

}

Пропишите вместо 25 %  ---> 33% (stylesheet.css:3171)

@media screen and (min-width: 992px)

 .catalog-grid-item {

  width: 33%;

}

Ну и далее по другим медиа-запросам надо смотреть.

Змінено 15 вересня 2018 користувачем jaffagold

[Gela]

С автором сего кода я не знаком, ко мне обратились с конкретной задачей, обозначенной выше. изъё...лся и так и сяк, играл с размерами и позиционированием, результата не добился, потом ребятишки с телеграмчата помогли разобраться, спасибо им)

вашу инструкцию попробую в понедельник пошагам, о результате отпишусь, чтоб если что не так, более знающий человек подсказал по дружески.