Как уменьшить ширину такого блока?

Question

[rinatoptimus]

https://sabrina-degree.codio.io/ - под слайдером небольшой блок с тремя превью: третья картинка съезжает вниз под первые два. Если в Firebug увеличить ширину данного блока, они выравниваются в одну строку, как и должно быть. Но не пойму, где в коде нужно ее увеличить?
В index.html и в файлах стилей нет такого значения (330px, как показывает Firebug). Не подскажете, как установить необходимую ширину?
Плагин слайдера взят отсюда.

Answer 1

[Sergiu Mitu]

Обычно слайдеры генерируют инлайновые стили автоматически, скриптом. У вас как раз такой случай.

Comments

[rinatoptimus]

Через Файрбаг нельзя выявить, какой именно js файл за ширину этого блока отвечает?

[Sergiu Mitu]

Да вам это даже и не нужно, можно проще сделать, строку 363 файла camera.css заменить на такую padding: 3px 0px 8px;

[Sergiu Mitu]

если нужен скрипт то это он: camera.js

[rinatoptimus]

Сергей: спасибо! Сработало!

Answer 2

[Александр Цымбал]

Это глюк вашего слайдера. Он, видимо, рассчитывает ширину холдера (ul) для превьюшек на основе их ширины, но чего-то не учитывает. Например, не учитывает рамки вокруг фотографий. К тому же, я там в настройках вроде увидел опцию, которая отвечает за ширину превьюшек - если она есть, то попробуйте поменять её.
А самый простой и быстрый вариант - задать !important свойство в дефолтных стилях: joxi.ru/8AnNnVBsngKxAO - я на скриншоте указал 500px, а вообще советую сделать 100% !important.