Question

I’m using jCarousel on a website I’m creating for my company. I’m using the default javascript that came with jCarousel.

<ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px;width: 2084px;">

The width is being generated by the javascript that jCarousel came with but I can cypher though it to figure out where to change the value.

Any help would be great.

Here is a link to what I’m working on: http://marcbrigham.com/lynxems/index.html

Answer 1

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

Taken from the default Tango skin that´s used in the examples.

What skin/theme/CSS are you using? jCarousel needs to change the width to enable the slide but the wrapper element should be using overflow: hidden;.

UPDATE

This CSS edit makes it look OK but if you need it to cover the whole width of #mainhome you should consider changing the size of the images.

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 765px;
  padding: 20px 40px;
  height: 200px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 775px;
  height: 190px;
}

Another option could be adding margin: 0 40px; to .jcarousel-skin-tango .jcarousel-clip-horizontal.