Ширина блока модуля jCarousel

Главные вкладки

Аватар пользователя wolfphantom wolfphantom 8 декабря 2010 в 10:31

Не хочу показаться совсем глупым, но вопрос такой:

Как задать ширину всего блока представления с выводом jCarousel?

Ширину и высоту блоков с данными в jCarousel мне удалось поменять через css:

.view-content ul.jcarousel li {
  width: 150px;
  height: 150px;
}

а вот весь блок jCarousel не меняет свои размеры. Я уже перепробовал все div'ы в которые он обернут и его самого непосредственно:

.view-content ul.jcarousel {
  width: 700px;
}

ничего не помогает, как будто бы css для него не авторитет Smile

Комментарии

Аватар пользователя wolfphantom wolfphantom 9 декабря 2010 в 8:33

Спасибо всем Sad

Разобрался сам после суток поиска, если кому это тоже надо вот решение:

.jcarousel-skin-default .jcarousel-container-horizontal {
  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 установлен скин по умолчанию.

Аватар пользователя Grabovski Grabovski 9 апреля 2013 в 12:49

да.. могу дополнить:
крутил тему - Танго
файл для правки размеров и стиля - 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