SignupForm via WPNewsman

[rhoeffner]

I would be so grateful if someone could guide me or point me in the right direction on inserting a signup form in a widget using WPNewsmanLite. My url is : http://silentwingsmuseum.net I'm using a free Child Theme by Derek Rippen called Terragon. The form - at least the first part is there along with the input box and submit button, but they are not lined up and I've no clue how to do that.

I've tried putting them on different layers inside the widget and then trying to use absolute and relative positioning, but that didn't work out so well. I got the box and button to move, but they no longer worked at that point. Now that I type that, I'm guessing layering doesn't work inside a widget...perhaps.

The plug-in has a form creation page, with the input and button being mandatory then I can add an HTML input which is where I have the form being pulled from. Maybe I should put my layers in this box? Didn't think of that til just now.

I've looked all over the Internet about how to incorporate a premade signup image into WordPress using a third party newsletter plug-in, with no luck...maybe I'm using the wrong search words. I can follow directions, if someone can point me in the right direction. I'm a beginner at coding, but I can muddle through CSS fairly well until I either break it or fix it! 🙂

I've been using Firebug all day - alas, he has now gone on strike and refuses to help any longer. LOL

The form has a second part that once you hit submit, it should show a drop down piece thanking them for signing up. Perhaps this is all too elaborate and I should just go for the form out of the box...but the site is very graphic in nature and I'd love to put the eye candy to use!

Thanks to anyone who can help / suggest or show me the way.
Rita

http://silentwingsmuseum.net

[rhoeffner]

The outpouring of help here was amazing! I thank everyone for their responses. :/

In case someone else is having this problem. I'll post here how I solved it. It's probably very straight forward for someone well versed in CSS, but I know enough CSS to get myself into trouble - so it wasn't very obvious. I searched the Internet and all I could find was countless others pleading for help with this issue.

Child Theme is Terragon (not that it makes a lot of difference, but just for info sake)
Plug-In is WPNewsman Lite
Creating an opt-in form on my pages (excluding the home page) that is horizontal and resides in a widget Top Feature.

The plug-in generates a short code, so you have to alter your functions.php to execute short codes in a widget - pretty straight forward and help for this issue is plentiful.

Once you copy in the short code to the widget, the CSS that needs to be altered is:
.newsman-form-horizontal or .newsman-form
.newsman-form-el-1
.newsman-form-el-2
(use Firebug to find the exact classes as they might be different depending on how many forms you have created)

Add your background image to the first class and move the elements around by setting margins for the next 2 classes.

I think I was making it way harder than it ended up being and probably easily obvious to someone else, but it sure had me stumped for several days! Glad to have that behind me! Hope this helps someone else.

Again, thank you to everyone who offered help and/or suggestions! 🙁
Rita

[Author]

Posts