Hi. I have several modal popups in a grid on a page. The popup appears left aligned on the screen, tho I have specified center. Also, the width and height of the popup did not work, so I had to resize the images manually. The link to the page is in the hidden content section of this post.
Edited:
See screenshot of the issue: https://paste.pics/NIOXE
On the Joomla backend > SP Pagebuilder > page, the modal widget settings that the system is ignoring can be seen here: https://paste.pics/NIOYY
Thank you.
Hi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Thanks for getting back on this. I have edited the original question with the required info.
Use this custom CSS
.mfp-content .popup-image-block{
display: block !important;
}
#sppb-modal-1682259577888.popup-image-block img {
width: 600px !important;
height: 800px !important;
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Wonderful! Thank you, that worked.
One more thing:
The clicked image appears correctly in the center, with a darkened background overlay. Normally, you can click on the background to get out of the popup mode, but that does not work here. I have to click the Close icon (X) to close it. Possible to add this functionality?
Ok I will add it in our feature request list. You can now close this post by accepting the answer.