1. SP Page Builder 3.x
  2. Wednesday, 08 July 2020
Hello,

There is a modal addon shown on the right side of this page in the text that says, "View Master Plan": https://choicebuildersgroup.com/about/old-sorrel-ranch

The image displays but is showing as an inline-block and therefore to the left. I would like it to show in the center of the page which I think is the expected behavior for a modal.

I tried adding CSS to the addon itself and in the custom css file. Neither work.

div#sppb-modal-1594235356587.popup-image-block {
display: block !important;
}

tried this too:
.mfp-content .popup-image-block {
display: inline-block !important;
}

Could you advise on how I can set the image to display in the center of the window please?

Thank you,

Karen
Attachments (2)
Responses (7)
Hi,
Use this custom css

.mfp-content .popup-image-block {
display: flex !important;
justify-content: center;
align-items: center;
}

Add this css code inside the custom.css file.
Note: 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.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 1
Hello Mehtaz,

I placed that code snippet inside the custom.css file but there has not been a change.

My apologies for my delay in reply. I was out of the office when your message came in and then it took me a while to circle back to this.

I did everything I know to do with clearing cache, including disabling cache, but that hasn't made a difference. I've attached screenshot of the settings for Helix and SPPB. Are those settings correct?
Attachments (3)
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 2
HI,
Is this problem solved now?
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 3
No, not yet.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 4
Did you try my css?
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 5
Yes, it's been in the custom css file since you posted it.
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 6
I need to check. Could you please give me your administrative information in my PM?
  1. more than a month ago
  2. SP Page Builder 3.x
  3. # 7


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.