Как в Divi builder в галерее настроить вывод фото по 3 в ряд?

Question

[Insom84]

Как в devi builder в галерее настроить вывод фото по 3 в ряд, а не по 4?

Comments

[Maksym Davydchuk]

если речь о Divi, то только с помощью CSS https://www.elegantthemes.com/blog/divi-resources/...

[Insom84]

Максим, я в css не плохо шарю. Но с этой сеткой не могу разобраться, что отвечает за вывод именно 4 item'ов в ряд. Можешь подсказать, пожалуйста?

[Антон Литвиненко]

2 ошибки в 4х буквах... Читайте доки, там все должно быть

Answer 1

[Maksym Davydchuk]

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

.md-3-col-gallery .et_pb_grid_item {
	width: 33.3333% !important;
}

/*Для планшетов*/
@media all and (max-width: 980px) {
	.md-3-col-gallery .et_pb_grid_item {
		width: 50% !important;
	}
}

/*Для телефонов*/
@media all and (max-width: 767px) {
	.md-3-col-gallery .et_pb_grid_item {
		width: 100% !important;
	}
}

Обратите внимание, что это работает только в том случае, если в галерее нет промежутков между изображениями (чтобы их удалить, вам нужно задать отступ в ряде равный 1). Если есть пробелы, нужно будет посчитать проценты картинок.