How to display in Lightbox larger than galleria?

  • Resolved fabriciopqd

    (@fabriciopqd)


    5 years, 4 months ago

    I have a gallery made with Foogallery, using the responsive image gallery template for display on my site. When I click on an image in the front end, the photo is displayed in Lightbox, but at a very small size. My question is: How can I display my photo in the gallery in one size and when I click on that same photo it will be displayed in a larger size?

    For example: in the gallery the photo appears with 250 x 370, but when clicked it is displayed in the size of 450 x 570 (or the size I want to configure)

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author bradvin

    (@bradvin)

    Hi @fabriciopqd

    The gallery will automatically link to the fullsize image that you uploaded to the media library. If you right-click on the thumb and choose to open in new tab, what size is the image when it opens in the new tab? If that image is the same size as what is displayed in the lightbox then it is working as expected. If you would like to load larger images, then you need to make sure your images that you upload to the media library are larger in size.

    Thread Starter fabriciopqd

    (@fabriciopqd)

    The problem is that there is a space at the top and bottom of the photo when it is zoomed. With or without FooBox she gets this space. And I wanted to reduce or reduce this space so that the picture gets bigger on the screen. Maybe this is a padding attribute, but I don’t know how to edit it. Can you edit this space?

    I saved a print of what I am talking about on my OneDrive I am sending a sharing link below to check what I am talking about.

    https://1drv.ms/u/s!AsZ5h9CL4LM1vW-VhbHSUsoxI_4M?e=QA65Wd

    Hi @fabriciopqd,

    Sorry for the delay on this.

    @steveush are you able to assist with this?

    Thread Starter fabriciopqd

    (@fabriciopqd)

    @steveush can you help me?
    @phillcoxon any idea?

    @fabriciopqd,

    Sorry – we both seem to have missed the notifications on this. I’m going to tag @steveush again to take a look at this for you.

    Thanks in advance,

    Phill

    Plugin Author steveush

    (@steveush)

    Hi @fabriciopqd,

    As @phillcoxon said, apologies for missing the notifications on this one. There is a padding value used to determine the space reserved around the modal. The CSS class name is .fbx-inner-spacer however the values do change depending on the modal style being displayed, i.e. rounded, metro, flat, as well as the size the modal is being displayed at.

    Looking at the image you shared showing the spaces, the rounded theme is what you wish to modify. I would not recommend modifying the very small mobile layout so you should be able to adjust the reserved space using the following CSS which shows the default values for desktop and tablet size screens:

    
.fbx-rounded .fbx-inner-spacer {
    padding: 40px 40px 50px 40px;
}

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to display in Lightbox larger than galleria?’ is closed to new replies.