Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Magnific Popup Bug

Featured Lock Resolved Bug
I think I've discovered a bug but not sure if its just on my system. Since upgrading to SP PageBuilder 3 I have been having an issue with the Modal Popups and their width. I am using the Text Editor mode for the Modal Popup. The Popup width won't change wider than 650px. This is what is set by default in your CSS file (magnific-popup.css).

.white-popup-block{background:#fff;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}

Once I change the max-width to 100% then whatever number I put in the width box in the settings for that popup works.
It would be a great help if you would change this in your CSS so I don't have to manually go in and change it each time there is an update.

3 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
I have conform it, you're right.
Hopefully it's small issue.

It's because of this code:

.white-popup-block {max-width: 650px;}

located here: components/com_sppagebuilder/assets/css/magnific-popup.css

To fix it, please add into your template custom CSS section below fix:

.white-popup-block {max-width: 98% !important;}

We will fix it soon.


More than a month ago #Permalink
Thanks. Will do. Looking forward to the fix.

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)



Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110


Total Accepted Answers: 89
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 4


Total Accepted Answers: 2




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us