Как выровнять div внутри lightbox по цетрну?

Question

[Viktor Grachev]

Добрый день! Подскажите пожалуйста как выровнять div под картинкой лайтбокса, который появляется при нажатии на иконку? На данный момент он появляется слева и едет до центра. Что только не пробовал не могу заставить его корректно появиться по центру. Не могу понять какой стиль прижимает мой текст влево. Укажите пожалуйста что делаю не так. Вот тестовый сайт: mka.azuron.ru

Answer 1

[Дмитрий Батулин]

У дива class="gallery"
прописать в стилях:
text-align: center;

У меня сработало и блоки отцентрировались

Comments

[Viktor Grachev]

Поставил text-align: center; но все осталось по прежнему. Не понимаю почему у меня текст выезжает слева в центр по картинкой лайтбокса.

[Александр Зачиналов]

Потому что надо разбирать готовые примеры

Answer 2

[Александр Зачиналов]

У вас в index > head вставлен код вызова fancybox, у него в опциях
$(".caption").toggle();

Comments

[Viktor Grachev]

Замени как Вы указали теперь не появляется текст.

[Александр Зачиналов]

да, я уже позже понял))
сейчас исправим

[Александр Зачиналов]

Попробуйте этот вариант

[Viktor Grachev]

Александр Зачиналов: Вставил такой код и теперь иконка при открытии лайтбокса скрывается со сдвигом влево.

[Александр Зачиналов]

"Поспешишь - людей насмешишь" - это про меня сегодня))). Короче, на пальцах. Там у вас блок растянут по всей длине родительского и выровнен по центру, из примера при клике на иконку, для текста применяется стандартный метод toggle, но расчет шел на то, что описание будет масштабным, поэтому нужно или верстку саму изменить под себя, чтобы блок с текстом был не по всей длине, либо изменять анимацию саму. Вечером по МСК смогу ели что помочь, сейчас с коленок сижу. Еще можно вернуть старый код
afterShow: function () {
$(".fancybox-title").on("click", ".toggler", function () {
$(".caption").toggle(400);

});
}
и удалить из скобок задержку в 400 -> $(".caption").toggle();
будет просто исчезать и появляться без эффектов, это если вам плевать на плавности все эти

[Viktor Grachev]

Александр Зачиналов: Да вы правы если убрать задержку то все появляется по центру. Просто очень хотел сделать именно с появлением так смотрится просто супер. Буду очень благодарен если поможете поправить эту беду с версткой!

[Александр Зачиналов]

Именно так, это с выплывом слева?

[Viktor Grachev]

Александр Зачиналов: Хотечтся чтобы текст не выплывал слева а появлялся снизу как обычный метод toggle. исчезание и появление вниз и вверх.