Не хочу показаться совсем глупым, но вопрос такой:
Как задать ширину всего блока представления с выводом jCarousel?
Ширину и высоту блоков с данными в jCarousel мне удалось поменять через css:
width: 150px;
height: 150px;
}
а вот весь блок jCarousel не меняет свои размеры. Я уже перепробовал все div'ы в которые он обернут и его самого непосредственно:
width: 700px;
}
ничего не помогает, как будто бы css для него не авторитет
Комментарии
Спасибо всем
Разобрался сам после суток поиска, если кому это тоже надо вот решение:
width: 700px;
height: 102px;
padding: 20px 40px;
margin: auto;
}
.jcarousel-skin-default .jcarousel-container-vertical {
width: 102px;
height: 700px;
padding: 40px 20px;
margin: auto;
}
.jcarousel-skin-default .jcarousel-clip-horizontal {
width: 700px;
}
.jcarousel-skin-default .jcarousel-clip-vertical {
height: 700px;
}
width и height задаете свой.
Этот код будет работать если у вас в настройках jcarousel установлен скин по умолчанию.
Спасибо, помогло
да.. могу дополнить:
крутил тему - Танго
файл для правки размеров и стиля - modules/jcarousel/skins/tango/jcarousel-tango.css
.jcarousel-skin-tango .jcarousel-container {
background: #B6CDD9 - цвет общего фона
border: - линия обводки (medium none - чтоб убрать)
.jcarousel-skin-tango .jcarousel-navigation li a {
color: #12A698; - цвет текста (цифр)
.jcarousel-skin-tango .jcarousel-navigation li.active a {
background-color: #12A698; - фон вокруг цифры
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 440px; - общая ширина
height: 102px; - общая высота
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 440px; - ширина поля слайда
.jcarousel-skin-tango .jcarousel-item {
height: 100px; - высота слайда
.jcarousel-skin-tango .jcarousel-prev-horizontal {
top: 55px; - положение стрелки влево
.jcarousel-skin-tango .jcarousel-next-horizontal {
top: 55px; - положение стрелки вправо
файл стрелок /sites/all/modules/jcarousel/skins/tango/arrows.png