Дизайн #1253: Как изменить ширину шторки прокрутки фото?

голоса: 0

Дизайн #1253. Раздел http://incova.club/photo/  Не получается найти где в стилях можно изменить ширину выпадающей шторки при наведении на фото (вперёд, назад). Надо меньше сделать по ширине. Скрин прилагаю. 

Адрес сайта http://incova.club
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Добавьте в стили:

.fancybox-nav {width: 40%!important;}

вместо 40 пропишите нужную вам ширину.

| Автор:
Выбор ответа лучшим | | Автор: Mona Lika
А где это и куда добавить (раздел, строка)? Не могу найти.
Mona Lika,
вот здесь - http://incova.club/panel/?a=tmpl;m=3;t=3 в самый низ
Ага, получилось ))) .fancybox-nav {width: 35%!important;}

А можно эту шторку как то по-другому окрашивать, минуя п.6 таблицы стилей body a:hover {text-decoration: none; color: #ffffff; background: rgba(57,62,95,0.4);} и задав другое значение?

И моё видение: лучше бы шторка была прозрачной и была всегда с кнопками влево-вправо, а не появлялась при наведении курсора влево-вправо. А вот так можно сделать?
Mona Lika,

1. Да, можно. Там же в стили в самый конец добавьте следующие стили:

.fancybox-nav:hover {background: rgba(0, 0, 0, 0.39)!important;}

вместо rgba(0, 0, 0, 0.39) указывайте свой цвет шторки, подобрать можете вот здесь - http://www.color-hex.com/ либо - здесь.

2. Это точно лишнее и будет мешать просмотру фото.

...