JQuery Unslider plugin issue

Question

Я пытаюсь реализовать плагин Unslider JQuery на моей странице About. Я следовал инструкциям с этого сайта http://unslider.com/ и реализован плагин, но у меня есть два вопроса, которые я не могу решить правильно:

1. Если вы внимательно посмотрите немного текста, который скользит по О разделе отсутствует (слева и с правой стороны), и это не позиция в самом центре страницы (по какой-то причине она фактически немного расположена справа от центра?). Если я добавлю .banner {position: relative; left: -25px;} в свой css, он выглядит хорошо на экране разрешения 1366x768, но поскольку он должен быть отзывчивым и хорошо выглядеть на всех экранах разрешения, я попытался снизить разрешение экрана, перетащив ширину моего браузера до менее 1366, и снова это не хорошо выглядят, а текстовые части отсутствуют. Настолько ясно, что мое решение для CSS не очень хорошо.

2. Я добавил кнопки «Предыдущий/Следующий», но они вообще не отображаются?

Надеюсь, вы, ребята, можете мне помочь! Спасибо всем :)

Вот мой JSFiddle: http://jsfiddle.net/uNKmz/35/

Кроме того, можно изменить высоту ползунка и как вы делаете это?

Answer 1

Я решил проблему к первому вопросу. Было добавлено дополнение к элементу .banner ul. Имейте в виду, что всякий раз, когда вы создаете элемент по умолчанию, будет назначен элемент по умолчанию. Таким образом, все, что вам нужно сделать, это назначить padding: 0px этому конкретному элементу, чтобы он не перемещался вправо.

Я считаю, что люди Unslider сделали опечатку в коде css, который мог бы смутить некоторых людей. Я считаю, что должен быть стиль для .banner ul не .banner li, потому что элементы списка в баннере уже имеют стиль под banner ul li.

Это то, что я изменил в css.

Я удалил

.banner li { 
    list-style: none; 
} 

и добавил

.banner ul { 
    list-style: none; 
    padding: 0px; 
} 

Вот ссылка на обновленную скрипку.

http://jsfiddle.net/theMugician/uNKmz/47/