Hi @dimitarivanov,
Thank you for contacting us.
Can you please share the iframe with us so that we can check?
Thank you.
Can you please add this one in the popup?
<iframe style=”display: block; margin-left: auto; margin-right: auto; max-width: 100%;” src=”https://d266e158.sibforms.com/serve/MUIEAM4xBI3cX3CzkJsTmiqNIhciaciJyQUH-JD7xopsGDB2UVyfG3KE8cxzoq4xry4RkeVVmXnsjoFyYG6fOrkGIeGB2KPlow9yIuPd_yXTs6qjSvi4QxR_AYMJMVnO3zEXITAbZ1XT6ZKB5s-LhLJjwj4T9xM9q8Jk3uA2VTvcSmfH2yuUe_6VwxOT9r8QgvTSHmiLC594Quk2″ width=”521px” height=”630px” frameborder=”0″ scrolling=”auto” allowfullscreen=”allowfullscreen”></iframe>
Nice, thanks!
One more question: is there any way to remove the fields around the popup and to show only the content in the red square?
Here’s a screenshot:
https://drive.google.com/open?id=1v6TO_Z8Dmcv5J3xnzOEsJxOO4Tl_fD2q
Also on mobile, you still need to scroll to view the whole popup. Should I increase the height more>
Hey @dimitarivanov
Thank you for your reply.
Please try to enable the popup as we couldn’t see the popup added on the website.
As for the second question, you can change the sizing, however, depending on the device screen dimensions, your popup might be scrollable if the screen is small.
I disabled it because right now it’s too big and covers the whole content on mobile. But when I make it smaller (decreasing the height in the iframe) it looks like this: https://drive.google.com/open?id=1UYMJ50Xd5QYvdeQhLKoekitF7wA_q5QP (the first image I sent you).
I want it to be smaller so it isn’t too big for mobile but when the height is less than 620 px it looks like on the screenshot
Hi @dimitarivanov,
We have checked again the sizing and tried to play with the widht apparently the main problem here is coming from the content not the actual size of the popup.
Once we had to change the font in the paragraph and deleted the margins in the text, the popup looked like this: https://prnt.sc/s3w841
We can create a CSS code for you, and make it more user friendly so that the sizing will the one you desire. In case you don’t wish us to do that, you will need to change the widht as long as you receive the correct sizing you need.
Let us know what you think.
Thanks but I think I’ve found a solution. I created a new form, just a field for the email, and a button and placed the iframe code in the popup. And now it’s much better.
I have one last question, though. Is there a way to change the color of the border of the popup? Now it’s black and I want to make it red: https://drive.google.com/open?id=1s0TOP0vOVxTgxjNxGy2DLN7Oyb8fAxvP
I used that CSS code to change the color of the border and to put some margins but it looks like it doesn’t make any difference:
.sgpb-content sgpb-content-2739 sgpb-theme-3-content sg-popup-content {
margin-left: 10px;
margin-right: 10px;
border: 3px red;
}
Can you please give me some tips on what to change in the code?
Thanks
Hi @dimitarivanov,
Thank you for your reply.
Please try changing the first row with this one:
.sgpb-content.sgpb-content-2739.sgpb-theme-3-content.sg-popup-content
Let us know once you do that.
I did that but still, there’s no change 🙁
Hi @dimitarivanov
We are sorry for the late reply.
Unfortunately, we have tried and couldn’t change the content of the iframe.
If you can have access to the form of the iframe let us know so that we can help you.
Hey @dimitarivanov
We were wondering whether you saw our last message.
Please let us know if there is anything we can help you in a new thread, I will mark this one as resolved.
Best,
Popup Builder Team
