Photoswipe добавляет поля к изображению лайтбокса

Я использую http://photoswipe.com/ здесь: http://www.michelperezphoto.com/.

Попытка добавить отступы или поля, чтобы изображение, отображаемое в лайтбоксе, не занимало всю ширину и/или высоту экрана...

Пробовал так: .pswp__item { margin: 5%; }

Но теперь изображение лайтбокса не по центру... оно немного смещено вправо...

Любое понимание будет с благодарностью...

Ваше здоровье.....


photoswipe
person user1656017    schedule 10.01.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

В случае, если это кому-то поможет, я получил желаемый эффект, используя это:

@media (min-width: 900px) { 
 .pswp__item {
    margin: 5% 5% 5% 0%;
  }
}
person user1656017    schedule 10.01.2015

arrow_upward
1
arrow_downward

У меня есть радиус границы и тень, примененные к моим изображениям, с использованием техники полей, описанной выше, мои изображения были замаскированы и выглядели не очень хорошо. Я нашел лучшее решение:

.pswp__img {
    transform: scale(0.9);
}
person Mr Jonny Wood    schedule 09.03.2018