LogoLogo
HomeWordPress.orgSupport
Photo Block
Photo Block
  • Introduction
    • Introduction and Overview
  • Getting Started
    • Installation
    • Finding the Plugin's Settings
    • Adding the Photo Block
    • Uploading a Photo
    • Cropping a Photo
    • Editing a Photo
    • Adding a Caption
    • Overlay Captions
    • Global Styles
  • How To's
    • How to Create a Circular Image
    • How to Rotate an Image
    • How to Add Photo Block to the Query Loop
    • How to Popup an Image in a Lightbox
    • How to Take Site Screenshots With ScreenshotOne and Photo Block
  • Useful Links
    • Photo Block Home
    • GitHub Repository
    • WordPress.org Repository
    • Support
Powered by GitBook
On this page
  • Step 1: Select the Photo Block
  • Step 2: Navigate to the Link Section in the Toolbar
  • Step 3: Select Full Size Image
  • Step 4: Open the Lightbox Panel and Enable the Lightbox
  • Step 5: Save the Post and Preview the Image
  • Conclusion

Was this helpful?

Export as PDF
  1. How To's

How to Popup an Image in a Lightbox

This how-to will show you how to show an image in a lightbox

PreviousHow to Add Photo Block to the Query LoopNextHow to Take Site Screenshots With ScreenshotOne and Photo Block

Last updated 7 months ago

Was this helpful?

Making the image popup in a lightbox is fairly straightforward. This "how to" will demonstrate how to add a lightbox effect.

Photo Block uses to pop up its images.

Step 1: Select the Photo Block

Make sure you have the Photo Block selected.

Step 2: Navigate to the Link Section in the Toolbar

We'll be opening up the link section in the block toolbar.

When you click on the link option, you'll see several options for linking.

Step 3: Select Full Size Image

For the linking options, select "The full size photo."

You'll see a lightbox option underneath.

Step 4: Open the Lightbox Panel and Enable the Lightbox

Open the lightbox panel and enable the lightbox using the toggle option.

Step 5: Save the Post and Preview the Image

Go ahead and save the post and view it on the frontend. The image will pop up in a lightbox when clicked.

Conclusion

You knowe now how to pop up images in a lightbox.

Fancybox
The Photo Block is Selected
Link Toolbar Option
Link Toolbar Options
Full Size Photo Options
Enabling the Lightbox Demoj
Demonstration of the Lightbox Effect