How to adjust height and width of popup

Best Wordpress plugin to engage your users and collect their email. You can use header alerts, popups, or exit pages, and it works with any popular emailing service such as Mailchimp or AWeber
MichaelB
Junior Member
Posts: 9
Joined: Mon Nov 11, 2013 2:03 am

How to adjust height and width of popup

Post by MichaelB »

I'm trying to set the height and width of the popup with custom CSS like this:

#popup{width:600px;height:300px;}

But it's not having an effect.

Here's the page with the popup: http://www.syndicateddealanalyzer.com/ebook
(NOTE: You have to click the Download Now button to see the popup).

Thanks for your help.

Michael
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi Michael,

in WPS the root for the CSS is #popup, you don't need to enter it the code will be :

Code: Select all

{width:600px;height:300px;}
Regards,
JC
MichaelB
Junior Member
Posts: 9
Joined: Mon Nov 11, 2013 2:03 am

Post by MichaelB »

Hey JC,

Thanks for the response. I'm not getting what I'm looking for. If I adjust the height and width as instructed the popup is incomplete and shifted. So I'm trying to create a custom popup. But when I create that I don't get an email text input or the submit button, just the popup with text, see here:

http://www.syndicateddealanalyzer.com/test

If you close the popup, you will see a screen shot of the popup I seek (a replica of an aWeber sign-up form).

The page of the current popup I'm trying to get to look like the aWeber form is here:

http://www.syndicateddealanalyzer.com/ebook/

But I can't seem to adjust the height and width as I would like.

Thanks for your help.

Michael
Attachments
popup.jpg
popup.jpg (19.18 KiB) Viewed 333 times
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi Michael,
If you use the custom popup, you must use first the "Custom Optin Form" http://www.wpsubscribers.com/tutorials/ ... -want.html

and use the

Code: Select all

[wps_custom_form id=0]
in the custom popup

Regards,
JC
MichaelB
Junior Member
Posts: 9
Joined: Mon Nov 11, 2013 2:03 am

Post by MichaelB »

JC - that worked. Wasn't clear to me that was the way it was done (even after watching the tutorial), but it works. Thanks for the help!
Post Reply