Здравствуйте!
Подскажите, как сделать рамки вокруг самого большого изображения товара, когда нажимаешь на его фото в карточке товара?
Скажем, белого цвета.
И как регулировать ее толщину?
0
Рамки Вокруг Большого Изображения Товара
Автор vbuhoff, 10 нояб. 2015 09:45
Сообщений в теме: 3
#1
Отправлено 10 Ноябрь 2015 - 09:45
#2
Отправлено 10 Ноябрь 2015 - 09:53
vbuhoff (10 Ноябрь 2015 - 09:45) писал:
Здравствуйте!
Подскажите, как сделать рамки вокруг самого большого изображения товара, когда нажимаешь на его фото в карточке товара?
Скажем, белого цвета.
И как регулировать ее толщину?
Подскажите, как сделать рамки вокруг самого большого изображения товара, когда нажимаешь на его фото в карточке товара?
Скажем, белого цвета.
И как регулировать ее толщину?
Здравствуйте.
Если я вас правильно понял, то вам необходимо сделать следующее:
В шаблоне magnific-popup.css найдите данный код:
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
И замените его вот этим вот кодом:
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 0 0px; margin: 0 auto; border: 5px solid #fff; }
#3
Отправлено 10 Ноябрь 2015 - 10:50
Спасибо!
Именно то, что надо!
Единственное, при окрытии большой картинки в верхнем правом углу есть маленький крестик, при нажатии на который закрывает большое фото.
Как можно его увеличить и наведении на него курсором всплывала надпись "закрыть"?
Именно то, что надо!
Единственное, при окрытии большой картинки в верхнем правом углу есть маленький крестик, при нажатии на который закрывает большое фото.
Как можно его увеличить и наведении на него курсором всплывала надпись "закрыть"?
#4
Отправлено 10 Ноябрь 2015 - 11:03
vbuhoff (10 Ноябрь 2015 - 10:50) писал:
Спасибо!
Именно то, что надо!
Единственное, при окрытии большой картинки в верхнем правом углу есть маленький крестик, при нажатии на который закрывает большое фото.
Как можно его увеличить и наведении на него курсором всплывала надпись "закрыть"?
Именно то, что надо!
Единственное, при окрытии большой картинки в верхнем правом углу есть маленький крестик, при нажатии на который закрывает большое фото.
Как можно его увеличить и наведении на него курсором всплывала надпись "закрыть"?
Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне magnific-popup.css найдите данный код:
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
И замените его вот этим вот кодом:
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 5px !important; top: 5px; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 50px; font-family: Arial, Baskerville, monospace; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных