my light room images are too big and overlapping the thumbnails, is there way to make the images smaller in the lightbox view? or move the thumbnails to the left? or both lol
how the images look :
pw: raczek77
Topic summary
A user is experiencing an issue with the Spark theme where lightbox images are too large and overlapping thumbnail images. They’re seeking solutions to either:
- Reduce the lightbox image size
- Reposition thumbnails to the left
- Implement both changes
A proposed CSS solution was offered involving:
Implementation steps:
- Navigate to Online Store → Theme → Edit code
- Locate the theme.css file
- Add custom CSS at the bottom of the file
CSS code snippet:
.lightbox__image .image__img {
margin-top: 100px !important;
}
Note: The provided code appears to add top margin rather than directly resize images or reposition thumbnails. The user should test whether this resolves their specific overlap issue.
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.lightbox__image .image__img {
margin-top: 100px !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly