What is the default newsletter form in your demo?

@afroniquely – That is actually copy/paste from our Mailchimp Dashboard. We use the “Naked” embed form from MC and paste it in the text tab of the popup content editor. This is the same for nearly all newsletter providers. We added a little extra styling to match our site but other than that its copy/paste.

The text above it was simply added above the form in the editor and we created a custom theme which we will be giving away here shortly as a new free premium theme including the PSDs.

Hope that helps.

Oh..nice..is there anyway you can share the CSS that allowed you to have the first name and last name and then email and it’s button all in one row?

On my site at Afroniquely You I had used the Mailchimp Super Slim form version, and you can see from the pop up (if you don’t see it pop up right away, you can click the box that says Jump Start your Hair Journey) while I got the first name and email box to be in one area, I’d love to have all rows in one if possible or set it up like the one on your site does. Please do let me know.

Thanks!

@afroniquely – Have you ever used your browser developer tools before? If not this is a good way to try them out. Right click in our exit form and left click Inspect Element. Works in chrome and firefox like that.

You can see all the CSS applied to something, tweak it etc.

I would give you the CSS but its more the theme we use has classes like one-half, that we added to each form fields wrapper div. That allowed them to float beside eachother like that. You can this with highlighting using the dev tools though.

Ok, yeah, totally forgot that tool is a useful option too. Haha, thanks, I’ll try that and see what I can adapt for my own theme using its existing classes.

@afroniquely – Let me know if you get stuck. I will give you the CSS we use to generate the columns for that.