Nada Abou Dehn

I reverted back one version, actually this happened when i updated the plugin.
what about the left alignment?

And also suddenly the big images stopped to show.
https://www.art21lagos.com/new/?p=101&locale=en_US&wppa-album=1&wppa-photo=1&wppa-cover=0&wppa-occur=1

Thank you in advance

Dear opajaap,
any news on how can I left align the thumbs?
Thank you

yes i dont need the next/previous ones.
just need to move the thumbs and the first thumb to be left aligned.
Thanks a lot

https://www.art21lagos.com/new/?p=199

Thank you

Thank you very much for your prompt reply and actions.
I have upgraded and so happy with the result ??
however, i still have one small issue.
The filmstrip div with id wppa-filmstrip-1 has inline styles
element.style {
height: 100px;
margin-left: 229px;
width: 1462px;
}
which is causing the thumbnails to be centerd.
I tried to overwrite this in my stylesheet
#wppa-filmstrip-1{
margin-left:1px !important;}
The styles are ok but the next/previous buttons became non functional.

Thank you @ronnieinspain , I have added the below to my stylesheet but I want to add the border to the selected image.(not the hovered)
.thumbnail-frame:selected{
border-bottom:1px solid red;
}
and below is the generated HTml

<div style="height: 100px; width: 1462px; margin-left: -707px;" id="wppa-filmstrip-1">
			<style type="text/css">#wppa-container-1 .thumbnail-frame { width: 100px; height: 100px; margin-left: 4px; margin-top: 2px; margin-bottom: 2px; }</style>
				<div class="thumbnail-frame" id="film_wppatnf_1_1"><img ondblclick="wppaGoto(1, 0)" onclick="wppaGoto(1, 0)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b1.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/1.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_2_1"><img ondblclick="wppaGoto(1, 1)" onclick="wppaGoto(1, 1)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b2.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/2.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_3_1"><img ondblclick="wppaGoto(1, 2)" onclick="wppaGoto(1, 2)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b3.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/3.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_4_1"><img ondblclick="wppaGoto(1, 3)" onclick="wppaGoto(1, 3)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b4.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/4.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_5_1"><img ondblclick="wppaGoto(1, 4)" onclick="wppaGoto(1, 4)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b5.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/5.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_6_1"><img ondblclick="wppaGoto(1, 5)" onclick="wppaGoto(1, 5)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b6.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/6.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_7_1"><img ondblclick="wppaGoto(1, 6)" onclick="wppaGoto(1, 6)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style="border-width: 0px; width: 100px; height: 80px; margin-top: 0px; opacity: 0.6; cursor: pointer;" title="" alt="b7.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/7.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_8_1"><img ondblclick="wppaGoto(1, 7)" onclick="wppaGoto(1, 7)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style="border-width: 0px; width: 100px; height: 80px; margin-top: 0px; opacity: 0.6; cursor: pointer;" title="" alt="b8.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/8.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_9_1"><img ondblclick="wppaGoto(1, 8)" onclick="wppaGoto(1, 8)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style="border-width: 0px; width: 100px; height: 80px; margin-top: 0px; opacity: 0.6; cursor: pointer;" title="" alt="b9.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/9.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_10_1"><img ondblclick="wppaGoto(1, 9)" onclick="wppaGoto(1, 9)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b10.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/10.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_11_1"><img ondblclick="wppaGoto(1, 10)" onclick="wppaGoto(1, 10)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b11.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/11.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_12_1"><img ondblclick="wppaGoto(1, 11)" onclick="wppaGoto(1, 11)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b12.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/12.jpg"></div>
				<div class="thumbnail-frame" id="film_wppatnf_13_1"><img ondblclick="wppaGoto(1, 12)" onclick="wppaGoto(1, 12)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b13.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/13.jpg"></div>
				<div style="width: 100px; height: 100px; margin-left: 4px; margin-top: 2px; margin-bottom: 2px;" class="thumbnail-frame" id="film_wppatnf_14_1"><img ondblclick="wppaGoto(1, 13)" onclick="wppaGoto(1, 13)" onmouseover="jQuery(this).fadeTo(400, 1.0);" onmouseout="jQuery(this).fadeTo(400, 0.6)" style=" border-width: 0px; width:100px; height:80px; margin-top: 0px; opacity:0.6; filter:alpha(opacity=60); cursor:pointer;" title="" alt="b14.jpg" src="https://localhost/art21/wp-content/uploads/wppa/thumbs/14.jpg"></div>
			<!-- hier 2 -->
		</div>

[Please use the code buttons – your code here may have been corrupted]

Hi,
Can i have a custom class for the selected thumbnail in “slideshow”?
I want to add a border to the current/selected thumbnail in theslideshow.
Thanks

I do have the same problem
The wp_head and wp_footer functions are both present as well.
It works when the twenty twelve theme is activated and i am using thetheme Primpress.
https://www.cpf.edu.lb.php53-22.ord1-1.websitetestlink.com/?page_id=67

any help please?