Image slider module: navigation arrows...can the be moved up?

[HH Services Limited]

I think that the navigation slider´s arrows are way too low and the slider requires images that are too big. Does anybody know if these arrows can be moved up so that when using smaller images, can be seen? It would be great if these arrows could show up the top of the image for instance....

 

Thank you...

[rajlaskar]

Hi

 

modules>>homeslider>>css>>homeslider.css

 

look for  .bx-next , .bx-prev

[HH Services Limited]

And then do what?

Sorry I´m not too expert on this..

 

Thank you.

[vekia]

I think that the navigation slider´s arrows are way too low and the slider requires images that are too big. Does anybody know if these arrows can be moved up so that when using smaller images, can be seen? It would be great if these arrows could show up the top of the image for instance....

 

Thank you...

 

hello

let me know what theme you use

url to website will be great

then i will be able to give you proper code to achieve what you want

[HH Services Limited]

Thank you Vekia, here is the url:

 

www.goodpsychologists.com

[Paulito]

Hello

 

Here is what your looking for

 

 

#homepage-slider .bx-wrapper .bx-controls-direction a{

1. position: absolute;
2. bottom: 10px;  (change this to 390px;)
3. outline: 0;
4. width: 52px;
5. height: 52px;
6. text-indent: -9999px;
7. z-index: 9999;
8. border: 2px solid white;

}

 

http://screencast.com/t/4MxxMSL0

 

I am having trouble reading the code, you have minified the css in back office.

 

If you were using default theme the path would be:

Your Shop/modules/homeslider/css/homeslider.css

 

If this does not help then Vekia will resolve it for you tomorrow

 

Paul

[HH Services Limited]

I tried different parameters and after saving them nothing happen in the front office (Imusing default theme). This is where I changed things:

/*next button*/

.bx-next {

display:none;

position:absolute;

top:40%;

right:-50px;

z-index:999;

width: 30px;

height: 30px;

text-indent: -999999px;

background: url(../img/gray_next.png) no-repeat 0 -30px;

}

/*previous button*/

.bx-prev {

display:none;

position:absolute;

top:40%;

left:-50px;

z-index:999;

width: 30px;

height: 30px;

text-indent: -999999px;

background: url(../img/gray_prev.png) no-repeat 0 -30px;

}

 

I tried changing 40% for 85%, for 0% and also for 390px but nothing happened in the front office... I also tried adding bottom:390px while deleting the top part and nothing...no changes in front office..

 

Any ideas?

Edited July 21, 2014 by npr321 (see edit history)