Как увеличить белый фон самого изображения при его открытии в FancyBox?

dim 23.06.2020 fancybox Общие вопросы, Общие вопросы по вёрстке, Стили (CSS) 2806

вопрос

Есть фото товара с белым фоном, товар занимает почти всё место на фото, только по краям небольшие отступы. Как увеличить эти отсупы средствами CSS при просмотре фото в модальном окне FancyBox? Например, наложить под фото белый фон большего размера. Как это сделать?

P.S. Нужно, чтобы правка затрагивала только фото, потому что на сайте есть еще всплывающие формы.

Ответа пока нет

5 комментариев

Юзер

115

dim - 2017-01-2323 июня 2020 13:56 - #76585

Можно конечно к классу fancybox-image прописать свойство padding, но тогда фото уменьшится, а этого не хотелось бы.

Юзер

171

hakypuhbiu - 2017-01-2323 июня 2020 15:49 - #76586

Ссылку на сайт дай.

Юзер

115

dim - 2017-01-2323 июня 2020 15:54 - #76587

Локалхост.

Юзер

115

dim - 2017-01-2323 июня 2020 17:39 - #76592

Можно использовать outline, но границы прорисовываются не сразу. Видно, как появляются при открытии фото.

Юзер

129

doom45 - 2017-01-2323 июня 2020 19:24 - #76595

В посте написано "наложить фон большого размера" в чем проблема написать правила для той "img" который выводится внутри блока / модальной окна?

.modal .block img{background:#fff, margin или padding}

Тут ".modal" и ".block" две разные классы. С перва класс modal, внутри блок "block" и внутри этого блока <img src="nnnn"/>.

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?