Hello Paul,

I think you need to edit the css file,

First file that you must edit is jquery.jcarousel.css (you could find it in modules/mod_super_carouselbanner/super_carouselbanner/) at line line 8, edit to be like this:

QUOTE:

.jcarousel-container li {
background:transparent none repeat scroll 0%;
margin-left:0pt;
padding-left:0px;
}

and the second file is skin.css (you could fin it in modules/mod_super_carouselbanner/super_carouselbanner/) at line 17, edit to be like this:

QUOTE:

.jcarousel-skin-camp26 .jcarousel-item {
width:596px;
}

and don't forget to adjust your image to the appropriate size (the width of the module container is 596px, so you need you image with this width size)

Hope it could help you.

Best Regards,

Denny S.P.

Hi dennysp,

Thanks for your great help, I really appreciate it!

Before I start on your solution I must say that I am reluctant to use this method. On my website I only use banners with the standard format 468x60px. As you may know, this standard is used on most websites and accepted as a formal bannersize.

Is there a workaround to use your great module in combinaton with the 468x60 banners?

I upgrade to ver1.1.1 & works great.
But I can see small bar on bottom of banners.

Can you help? www.perthjournal.com.au

Can u show me how to move down controls bar?

Pls help me....

Hello Michael,

search for skin.css in the modules directory:
../modules/mod_super_carouselbanner/super_carouselbanner/skin.css


goto line 67 (for the 'next' button):

.jcarousel-skin-camp26 .jcarousel-next-horizontal {
background:transparent url(next-horizontal.png) no-repeat scroll 0pt;
bottom:5px; <---- change this for the bottom position of 'next' button
cursor: pointer;
height: 32px;
position: absolute;
right: 5px; <---- this for the right position of 'next' button
width: 32px;
}


and line 121 (for the 'prev' button):

.jcarousel-skin-camp26 .jcarousel-prev-horizontal {
background:transparent url(prev-horizontal.png) no-repeat scroll 0pt;
bottom:5px; <---- change this for the bottom position of 'prev' button
cursor: pointer;
height: 32px;
position: absolute;
right: 10px; <---- this for the right position of 'prev' button
width:32px;
}

Adjust those values to fix the navigation's buttons position.

regards