Не могу добавить 20px отступа на дне Fancybox

Я потратил несколько часов, пытаясь разобраться в этой чертовой штуке. Если ты уйдешь ... здесь, и нажмите на изображение, Fancybox w / red overlay успешно всплывает. Проблема в том, что когда вы прокручиваете весь путь вниз, Fancybox целует нижнюю часть браузера, и там нет места. Я хочу, чтобы там было место!

Я пытался добавить bottom:20px; или padding: 0 0 20px 0; в класс <div class="fancybox-wrap fancybox-desktop fancybox-type-image fancybox-opened"</div>, но получил ZIP!

Я действительно ценю ваше время, и в отличие от меня, я надеюсь, что вы можете найти решение.

P.S.-извините за отсутствие ссылки на jsFiddle. Fancybox не очень хорошо играет с jsFiddle. ;(

1 2
javascript html css jquery fancybox

1 ответ:

Решение довольно простое, просто добавьте эту строку CSS к .fancybox-wrap fancybox-desktop fancybox-type-image fancybox-opened: 

margin-bottom:20px;
CSS, который вы пытались добавить, только даст больше пространства внутри div, а не снаружи, что, с другой стороны, делает margin.
2