Magnific Popup размер окна

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
shirokovskij
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 04 сен 2015, 15:53
Версия Web Builder: 10.4.4

Magnific Popup размер окна

Сообщение shirokovskij » 11 фев 2016, 01:42

Всем привет.
Свойства страницы > Прочее > Лайтбокс > Всплывающий увеличитель (Magnific Popup) как установить размер всплывающего окна?
В 10 версии был Fansybox в настройках ссылка > лайтбокс вписывал "width:300,height:330,centerOnScroll:true,scrolling:'no' "
Окно получалось нужного размера и без скрола. Как реализовать на Magnific Popup такое?

Реклама
Аватара пользователя

eneibl
Интересующийся
Интересующийся
Сообщения: 30
Зарегистрирован: 01 дек 2014, 15:22
Версия Web Builder: 12.0.0

Magnific Popup размер окна

Сообщение eneibl » 11 фев 2016, 07:58

тоже интересно, где настройки брать

Аватара пользователя

TommyVer21
Читатель
Читатель
Сообщения: 14
Зарегистрирован: 13 фев 2017, 20:56
Версия Web Builder: 11.1

Magnific Popup размер окна

Сообщение TommyVer21 » 10 сен 2017, 15:45

Апну тему, тоже актуален вопрос! Подскажите, если кто знает как обуздать этот вид лайтбокса)

Аватара пользователя

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 298
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 14.2.2
Имя: Александр
Контактная информация:

Magnific Popup размер окна

Сообщение MasterOfPuppets » 06 фев 2019, 11:55

Размер окна настраивается в файле magnificpopup.css, который лежит в папке magnificpopup, которая, в свою очередь лежит в корне вашего проекта. Классу .mfp-iframe-holder .mfp-content задаете нужные стили width: 320px; height: 420px;
Чтобы стать крабом, нужно стать раком и ходить боком

Аватара пользователя

eponez
Интересующийся
Интересующийся
Сообщения: 46
Зарегистрирован: 13 апр 2015, 13:39
Версия Web Builder: 14.2.2
Контактная информация:

Magnific Popup размер окна

Сообщение eponez » 07 фев 2019, 08:51

MasterOfPuppets, "mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1024px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }"
Это похоже оно?Здесь в этих строках задаётся размеры фрейма,или лайтбокса-верно?

Аватара пользователя

MasterOfPuppets
Продвинутый
Продвинутый
Сообщения: 298
Зарегистрирован: 10 май 2015, 19:37
Версия Web Builder: 14.2.2
Имя: Александр
Контактная информация:

Magnific Popup размер окна

Сообщение MasterOfPuppets » 07 фев 2019, 10:10

Да, вот тут:

.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1024px; }
Чтобы стать крабом, нужно стать раком и ходить боком

Аватара пользователя

eponez
Интересующийся
Интересующийся
Сообщения: 46
Зарегистрирован: 13 апр 2015, 13:39
Версия Web Builder: 14.2.2
Контактная информация:

Magnific Popup размер окна

Сообщение eponez » 07 фев 2019, 12:46

MasterOfPuppets, а это значение max-width: 1024px; оставить?Наверно как максимум и повлиять на заданный размер не должно... :du_ma_et:


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость