[Plugin: JJ NextGen JQuery Slider] Thumbnails are not showing below main image

Hey tylerking,

Maybe you have some css that is overwritting the center param.

If you can put in some css somewhere try this. Replace #slider with your slider html_id.

div#slider .nivo_slider_center .nivo_slider .nivo-controlNav {
  text-align: center !important;

}

Good luck.

Hi, I’m having the same problem, thumbnails appear on the top left of main image, with no space to separate them etc…
I can’t find any css that is overwritting, when I inspect the element, it only refers to nivo-slider.css.
I tried your solution but it doesn’t work.
Also, when I disable thumbs I have 1/2/3… instead of nice bullets.
I tried to reinstall the plugin and it is still the same so I guess it’s not a problem with my css. Do I need to put another css than nivo-slider that comes with the plugin?

I use:
[jj-ngg-jquery-slider gallery=”1″ html_id=”slider1″ effect=”fade” controlnavthumbs=”nextgen_thumbs”]

Also when I inspect the page, I see that it tries at some point to load the css from template/nivo_slider/ which doesn’t exist. If I create this dir and put css in it, it doesn’t work either and add more problems (next,prev buttons disappearing…)

Can you help ?
Many thanks,
Julien

What I don’t understand is this :

.nivo_slider .nivo-controlNav {
	position: absolute;
	left: 0px;
}

why left:0px; ?
If I put instead

.nivo_slider .nivo-controlNav {
	position: absolute;
	left: 0px;
	bottom:-80px;
}

then it’s below the image. But it’s supposed to be centered and below the image automatically right ? otherwise I have to adpat left and bottom for every different gallery (depending on number of thumbs etc…)

hello

i am trying to use it in a Hebrew site
so i only need the images to align right and not left, please look:
https://www.jacobs-yaniv.com/he/portfolio-post/house-in-the-sharon-a/

i found the it is a style that comes from the element:
element.style {
background: url(“https://www.jacobs-yaniv.com/he/wp-content/gallery/sharon_a/08.jpg”) no-repeat scroll 0 0 transparent;
height: 100%;
opacity: 1;
right: 0;
width: 880px;
}

i need to change the 0 0 in the background to be “right 0” (right?)

but where can i do it?

Thank you
Barak