Home Forums ART HTML5 Template Upright images in project-gallery.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24986
    Ash
    Participant
    Purchased
    Expired

    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.

    #24987
    Ash
    Participant
    Purchased
    Expired

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

    #24988
    SeaTheme
    Keymaster
    Purchased
    Expired

    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 – FAQsTwitterFacebook

    #24993
    Ash
    Participant
    Purchased
    Expired

    Thank you that solves the problem.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!