Trying to re-position homepage featured listing navigation.

Hey there, I am trying to re-style and re-position the homepage featured listings navigation. I am having problems figuring out how to make a new set of buttons.

I am trying to remove them from being within the carousel div, so that they are not next to the listings, however above them, in a separate div.

Right now the buttons seem to be generated by the jcarousel javascript that is in place, I was wondering if you know a quick snippet of javascript so that I can apply it to any custom div class that I am attempting to use.

Any and all help would be appreciated.

 

Bump ^_^

 

Hello,

You can change navigation button from "geocrafttheme/images/slider-btn.png"

And change there styling through this code.

Code:

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 65px;
left: -5px;
width: 32px;
height: 32px;
cursor: pointer;
background: url('images/slider-btn.png') no-repeat 0 0;
width: 22px;
height: 23px;
}
 
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 105px;
right: -33px;
cursor: pointer;
background: url('images/slider-btn.png') no-repeat -23px 0;
width: 22px;
height: 23px;
}

 

Hey Nitesh,

Thanks for the advice on styling the current div.

I was wondering if it was possible to get the navigation to appear outside of the carousel div.

I can easily style the current div, however I will have to apply some bad styling protocols in order to get it the way I want.

I would much rather find a solution to re-create the buttons outside of the Carousel div.

Thanks again!

 

Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.

 

kk, no problem, I am willing to do that, its just I wanted to check is there was an existing solution that you guys ran into.

Thanks again for the styling option.

You can close this thread.