Templates Display Form Fields Funky

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
paulag01
Junior Member
Posts: 4
Joined: Wed Sep 16, 2015 10:48 pm

Templates Display Form Fields Funky

Post by paulag01 »

I am implementing a template on a new site -- preview looks ok but popup in action (only visible to admins) is not. I have not customized any css.

See attached for example


The form fields are misaligned and unreadable. That definitely won't encourage subscribers. What is the fix?
Attachments
wpsub.jpg
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi,
Your theme have a conflict with the WPS CSS, you must use the "CSS custom" in WPS to correct it.
But with only an image I can't help you more, it's impossible to see where is the problem, If you have a link where I can see on live ?

Regards,
JC
paulag01
Junior Member
Posts: 4
Joined: Wed Sep 16, 2015 10:48 pm

Somehow Worse (Here's working example)

Post by paulag01 »

Jean-Christophe Bisoux wrote:Hi,
Your theme have a conflict with the WPS CSS, you must use the "CSS custom" in WPS to correct it.
But with only an image I can't help you more, it's impossible to see where is the problem, If you have a link where I can see on live ?

Regards,
JC
Sure - you can see it at http://www.lisadouthit.com

Now it seems even more screwed up. I thought I needed the following custom css based on firebug

#popup form {bottom: 20px !important;}
#popup {height: 459px !important; }

But if I put it in there - it didn't work, so I took it out and now it is worse.

Thoughts?

Happy to learn better how to troubleshoot and custom CSS this plugin since I use it for many clients.

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

Post by Jean-Christophe Bisoux »

Hi,

can you try this in custom css

Code: Select all

form {margin-left: 10px}
{height: 459px !important;width: 850px; }
don't use the #popup WPS add it automatically

JC
paulag01
Junior Member
Posts: 4
Joined: Wed Sep 16, 2015 10:48 pm

Post by paulag01 »

Jean-Christophe Bisoux wrote:Hi,

can you try this in custom css

Code: Select all

form {margin-left: 10px}
{height: 459px !important;width: 850px; }
don't use the #popup WPS add it automatically

JC
Thank you -- that seems to have fixed the display issues. I initially wouldn't have chosen the form selector for fear it would affect other forms on my site. Does the plugin automatically wrap the form within a WPSubscribers specific div then?

Is there a way to redirect to a thank you page when someone signs up? It sort of flashes by (you have been subscribed) and that's it.
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi,

yes WPS add before the rules a #popup with this the CSS custom are only for the popup

for the thankyoy page normally it's on your mailing system you can configure it, WPS send all the informations to your mailing system and after that WPS can't do nothing more

Regards,
JC
paulag01
Junior Member
Posts: 4
Joined: Wed Sep 16, 2015 10:48 pm

PopUp Hides behind other home page elements

Post by paulag01 »

Jean-Christophe Bisoux wrote:Hi,

yes WPS add before the rules a #popup with this the CSS custom are only for the popup

for the thankyoy page normally it's on your mailing system you can configure it, WPS send all the informations to your mailing system and after that WPS can't do nothing more

Regards,
JC
Still playing with this... but the popup often hides behind the slider.

Same url - lisadouthit.com

See attached image.

How do I fix this?
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi,
With this it's not posible to change directly in WPS, but it's posible in your CSS theme, it's in this file : http://lisadouthit.com/wp-content/theme ... /style.css

at line 6103, change

z-index: 10010;

by

z-index: 1001;

Regards,
JC
Jenetta
Junior Member
Posts: 2
Joined: Fri Dec 25, 2015 1:10 am

Post by Jenetta »

I am having a similar issue. I used the fix above:

form {margin-left: 10px}
{height: 459px !important;width: 850px; }

But as you can see from the image it is still not displaying correctly in the email field. Any help?
wpsub-problem.jpg
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi,
the CSS custom depends from your theme, can you give me an live url ?
it's impossible for me to find a solution with only an image.

Regards,
JC
Jenetta
Junior Member
Posts: 2
Joined: Fri Dec 25, 2015 1:10 am

Post by Jenetta »

the site is http://www.jenettapenner.com, but WPS is not live (since I can't get it to work properly)
Jean-Christophe Bisoux wrote:Hi,
the CSS custom depends from your theme, can you give me an live url ?
it's impossible for me to find a solution with only an image.

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

Post by Jean-Christophe Bisoux »

Hi,
You can activate WPS only for 1 one page, for example, you create a page "test" and you activate the popup only on this page, after send me the url to see the result

Regards,
JC
Post Reply