-
Posts
-
Hello guys!
Want to create a popup contact form using this https://kriesi.at/support/topic/inline-content-in-magnific-popup/.
Almost has it done, but color section doesn’t want to appear in the center of the page.
I added this code:
#order-now-popup {width: 400px !important; max-width:400px; margin: 0 auto; padding:10px;}
but it’s not working.Also, close button on popup window dissapeared…
Screenshot included – http://i63.tinypic.com/29g08w0.jpgHey srs6270!
Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.
Regards,
ElliottHey mate!
I made that page private cause don’t want viisitors see that page. Please login then you’ll see the page.
Thank you.Hi!
can you check the login info, seems I can not login with them.
Thanks a lot for your time
Cheers!
BasilisHi,
Login is working, thanks. It looks like removing the custom width you added will display it 100% of the browser window, could you try that?
Best regards,
RikardElliot,
I made the page public. http://solo-interier.kz/catalog-item/kuhonnyj-garnitur-blyume/Hey guys,
It’s not that one. If you go to the link http://solo-interier.kz/catalog-item/kuhonnyj-garnitur-blyume/ and press on “open popup” link you’ll see that color section is too wide. I want to make it narrow and centered.
The popup Ismael showed is not a part of the theme and I think it’s kind of impossible to make a popup like this within this theme.
Hi!
Add this to your custom CSS.
div#order-now-popup { max-width: 800px; left: 50%; position: relative; transform: translateX(-50%); }Best regards,
ElliottHey @Elliot!
It’s worked! Thank you!
But there are another issues with this popup. When I press on link “open popup” window slides up… And also, how can I remove the bottom border https://yadi.sk/i/0S46ymjqkWFQf ?Hey!
It’s because the link URL has a target at the end of it. I’m guessing whatever script your using there requires it so there is not much we can do. It would be best to contact the plugin / script author about that.
You can use this CSS to remove that border.
.single-portfolio div#after_section_1 { border-top: 0px !important; }Cheers!
Elliott
- You must be logged in to reply to this topic.