I wanted to make the slider window bigger but am having css problems which I don't understand. Let me explain.
I made #slidewrapper and #slider wider first.
But then I tried to make #scroll bigger too and increased the width and got this weird effect where the text wasn't being hidden properly. I have attached a screenshot.
Then when I try to increase the width of .scrollContainer div.panel it also isn't hiding nodes that aren't showing at the moment well and when you make it actually slide, the text starts looking and acting weird (not sliding straight across)

Can you give me any advice?
Becky

Comments

Mark Theunissen’s picture

Mark Theunissen commented

You also need to increase "slider .panel" and a number of other things. For example:


#sliderwrapper{
width:960px;
}

#slider{
width:960px;
}

#slider .scroll{
width:960px;
padding-bottom:30px;
}

#slider .panel{
width:950px;
padding:0 5px;
}

#slider .scrollButtons{
display:none;
}

#slider .node .content{
padding:0;
}

#slider .item-list{
height:95px;
}

#slider .item-list ul{
height:95px;
margin:0;
padding:0;
}

#slider .item-list ul li a{
display:block;
width:191px;
height:55px;
margin:0;
padding:40px 0 0 0;
font-size:18px;
text-align:center;
color:#999999;
background-color:#ffffff;
border-top:1px dashed #CCCCCC;
border-right:1px dashed #CCCCCC;
float:left;
}
Mark Theunissen’s picture

Mark Theunissen commented
Status: Active » Closed (fixed)