JQuery Pisces Slider

[zaglebie]

I want to install pisces slider on my homepage but i dont know how to move it to right position, right now he is showing at right side below right column modules.

 

Pisces slider is installed on "top of pages" maybe should be in other place ? here is how this looks right now:

 

 

I want insert module in a place of this big picture with girls (this is topbanner1 module i will turn this off). What should i do, here is how css is looking:

 

from global.css file:

 

/* ————— piscesslider.tpl ————— */
div#slide_holder {width:310px;height:272px;float:right;}
div#slider {width:310px;height:272px;overflow:hidden;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
div.nivo-controlNav {position:absolute;right:19px;top:20px;z-index:100;}
div.nivo-controlNav a.nivo-control {width:10px;height:0;display:block;padding:10px 0 0 0;overflow:hidden;float:left;margin:0 0 0 3px;background:url(../img/slider_item.png) 0 0 no-repeat;cursor:pointer;}
div.nivo-controlNav a.nivo-control:first-child {margin:0;}
div.nivo-controlNav a.active {background:url(../img/slider_item_active.png) 0 0 no-repeat;}

 

and from styles.css which is in pisces module directory:

 

/* ————— piscesslider.tpl ————— */
div#slide_holder {width:310px;height:272px;float:right;}
div#slider {width:310px;height:272px;overflow:hidden;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */ width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:40%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:5px;display:block;width:61px;height:61px;text-indent:-9999px;background: url('../img/nivo_nav.png') top left no-repeat;}
.nivo-nextNav {right:5px;display:block;width:61px;height:61px;text-indent:-9999px;background: url('../img/nivo_nav.png') top right no-repeat;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

[zaglebie]

bump..

[dhada]

do you have a test page so that we can see the problem and help you...

[Carolina Custom Designs]

You just need to hook your slider into 'Homepage content'. Make sure it is positioned at the top above any other modules in that hook.

 

Hope that helps!

 

Marty Shue

[zaglebie]

i can't move it to homepage content i get message "cant be moved there"

 

but topbanner1 which is responsible for display of this big main picture is located also in top of pages and its showing fine

 

now i've moved module above other modules and its showing on top of homepage but on right side i want to move it to left side, what should i edit in css ?

[zaglebie]

ok problem solved !