Блоки галереи разбиваются и сливаются вместе в функции WP Gallery (выпуск Safari и Chrome) - PullRequest
Новая
       11

Блоки галереи разбиваются и сливаются вместе в функции WP Gallery (выпуск Safari и Chrome)

2 голосов
/ 05 апреля 2019

Я помогаю в уборке и обновлении веб-сайта для организации друзей / художественного заведения.

Мы работаем над Галереей изображений последних лет бизнеса. Глядя на это из браузера Firefox, все выглядит хорошо. Взглянув на это из любой версии Safari или Chrome, все изображения, кажется, собираются вместе и накладываются по-разному.

Смотрите ссылку на одну из галерей-> http://www.stallbergsgruva.se/2018-2/

Я искал кучу форумов и тем для этого, но не могу найти ответ. Я новичок в коде, но могу справиться с этим, если вы добавите более подробное описание того, какой код и куда его добавлять и т. Д.

Заранее спасибо! // Эрик

1 Ответ

0 голосов
/ 05 апреля 2019

Вы не указали фиксированную высоту для li, в противном случае вы не сможете правильно использовать object-fit: cover; Здесь это css, также добавлено margin-bottom простодоказать 

@media (min-width: 600px) {
  .wp-block-gallery.columns-3 
  .blocks-gallery-image, 
  .wp-block-gallery.columns-3 
  .blocks-gallery-item {
    width: calc((100% - 32px)/3);
    margin-right: 16px;
    margin-bottom: 23px;
    height: 290px;
  }
}
...