Modal Popup Cannot Be Centered Or Sized
Gurdip Singh
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
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Gurdip Singh
Accepted AnswerThanks for getting back on this. I have edited the original question with the required info.
Mehtaz Afsana Borsha
Accepted AnswerUse 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.
Gurdip Singh
Accepted AnswerWonderful! 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?