Hi Darren,
Popup size is fixed i.e 60% of the window size.
You can add your own CSS in message body to adjust the size.
for example
.ig_popup.mfp-content{
width:50% !important
}
This will solve your purpose.
Thanks,
Team Icegram
Hi,
Thanks for the response.
I’ve copied and pasted the following in the message body above the code that generates the form but the form popup doesn’t alter in its width:
<style type=”text/css”>
.ig_popup.mfp-content{
width:50% !important
}
</style>
<form …
I’ve also tried adding the style code directly into my stylesheet file, to no effect. I use a child stylesheet which I’ve successfully added stylesheet elements to in the past without issue. Is there a typo in “.ig_popup.mfp-content”?
Lastly, when I choose to “Embed Form” in the “Message Body” section, the Width selection of “Half” or “Quarter” doesn’t seem to have effect as the popup continues to take up the entire width of the body of my website content (which I suppose equals to 60% of the window size).
Cheers,
Darren
Hi Darren,
For pop resize:
1. You need to make changes in the default.css file “/wp-content/plugins/icegram/message-types/popup/default.css”.
Locate the file.
2. search for css class “.ig_popup.mfp-content”
3. Change the width % from 60 to your required %.
This will solve the issue.
(Note: this changes will go away with your next Icegram update.)
We will fix this in next release,so width of the popup can be customized with inline CSS.
For “Embed Form” issue,
Give us the URL where we can see this problem in action. That will give us some hints as to what’s going wrong.
I hope this helps.
Thanks,
Icegram Team
The resizing works as intended now…Thanks for the response!
Problem initially was I was adding that CSS code into a CSS file within my template folder (and not within the Icegram subfolder).
Since Ive managed to control the size of the popup, I dont need the Embed Form functionality.
Cheers,
Darren
