2013-09-11 2 views
0

Я пытаюсь использовать элементы управления навигацией только вне карусели, а не по умолчанию внутри.Навигационные элементы управления вне карусели - Zurb Foundation Orbit

Для этого нет данных. Поэтому я попытался взломать CSS для стрелок nav, чтобы дать ему отрицательное абсолютное позиционирование.

Однако родительский контейнер имеет значение переполнения: скрыто и скрывает стрелки. Возможно ли это по умолчанию?

+0

Отправьте пример своего сайта или пример кода – Shivam

+0

Это основание карусели Orbit. Стрелки внутри, вы можете увидеть его здесь http://foundation.zurb.com/docs/components/orbit.html В настоящее время он расположен внутри контейнера. Я хочу, чтобы он располагался снаружи. Таким образом, это было бы стрелка влево - контейнер с карусели - стрелка вправо –

ответ

1

Loooking на вашем примере я был в состоянии применить следующий CSS к ул с идентификатором # featured1:

#featured1 { 
    width: 90%; 
    overflow: hidden; 
    padding-left: 10%; 
} 

Doing так что вам нужно будет переместить таймер в правом верхнем углу над немного и также снимите ширину надписи. Это легко сделать с этим CSS:

.orbit-container .orbit-timer { 
    right:70px; 
} 

.orbit-container .orbit-slides-container > * .orbit-caption { 
    width:90%; 
} 

Это решение сделает ваш слайдер изображения меньше, так что вы можете увеличить ширину .large-10 для этого случая.

Смежные вопросы