Upright images in project-gallery.

[Ash]

Hi

I’d like to add upright images in my project using the project-gallery-on-right.html template.
The template images are in 885×525, I’d like to display some in 885×1328.
Also, when I click on the image it is squeezed to 885×1328 in the Lightbox.

How can I display them in full size?

What I tried and didn’t work:

<a title="" class="lightbox-item" href="img/885x1238.jpg" data-size="885x1328"> 
	<span class="ux-lazyload-wrap" style=" padding-top: 59.322033898305%;"> 
		<img alt="raw-001" src="img/885x1238.jpg" data-src="img/885x1238.jpg" width="885" height="1328" class="list-layout-img gallery-images-img lazy" /> 
	</span> 
</a>

I checked all the CSS classes, but couldn’t find where the height is fixed to 525. Any help appreciated.

[Ash]

Update: The Lightbox displays in full size now after a refresh. Still, the project view problem remains.

[SeaTheme]

Hi,

Please update padding-top value as 150% in

<span class="ux-lazyload-wrap" style=" padding-top: 59.322033898305%;">

ps:
The padding-top percentage value of ux-lazyload-wrap wrap is the thumbnail image origin size (height / width) * 100.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Ash]

Thank you that solves the problem.

[Author]

Posts