Popup image size not working

Resolved JustinF
(@justinfeldman)

7 years, 8 months ago

I would like my gallery popups to all be the same size. Obviously the image sizes will be different and must therefore change fluidly, but I want the popup-container to remain a fixed size.

I assume that the setting called “popup Image size” does this? I’ve tried setting it to 800px x 500px and it doesn’t work. The container still changes its size according to the image sizes.

Please help.

Link to my gallery:

Thanks

https://wordpress.org/plugins/gallery-by-supsystic/

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter JustinF
(@justinfeldman)

7 years, 8 months ago

Please note:

If you visit the link I provided, the problem does not appear to be present. This is ONLY because I came up with a solution using CSS. But this solution took me quite a while to come up with and does not resolve the overall plugin error.

Plugin Author supsystic
(@supsysticcom)

7 years, 8 months ago

Hi!
Popup Image size option is working in such way – if all your images are the same size as you have set for “Popup Image size” or bigger – in this case popup image for all pictures in your gallery will comply the specified size. But for images that are smaller – will be dynamically calculated the width and height of the popup container.
Thread Starter JustinF
(@justinfeldman)

7 years, 8 months ago
Alright, thank you for the reply… Although you should definitely try and resolve this for your next version release.

Here is the CSS I used to fix the size of the image container:
```
#colorbox, #cboxWrapper, #cboxContent { min-width: 1000px !important;  min-height: 625px !important; max-height: 625px !important; overflow: hidden; } 

	#colorbox {
		display: block;
		top: 15px !important;
		left: 12% !important;
	}

	#cboxLoadedContent  {
		width: 100% !important;
                height: 94% !important;
		background-color: rgba(0, 0, 0, 0.8) !important;
		margin-top: 5px;
	}

	#cboxLoadedContent .cboxPhoto {max-height: 95% !important; max-width: 950px !important;}

        #cboxCurrent { top: 97% !important; bottom: 10px !important; }

        #cboxTitle {
		top: 92% !important;
		left: 33.5% !important;
		font-size: 22px !important;
}
```
You can see the result at: http://www.nina-art.co.za/gallery/

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Popup image size not working’ is closed to new replies.

Tags