eNews Extended widget & MailChimp Integration

[MMParticipant Post count: 86]

Hi All,

 

Trying to integrate MailChimp via Genesis eNews Extended (per  www.briangardner.com/email-newsletter-signup-box/)

URL: mikemetcalfe.co

1) How do I insert 1 or 2 line breaks between ‘Share Posts Bar’ and the ‘Email Newsletter Box’?

2) Have input the ‘Form Action’ line code from MailChimp into the GEE widget field.

When testing, that leads to either page not found OR MC page and requires user to re-enter email.

Am trying to configure this so users only have to enter their email once on the blog

Are advice or any other changes required on other theme pages (and not just inside the widget)?

 

Thanks!

 

[cdilsParticipant Post count: 301]

Hi there,

For starters, just making sure you downloaded the new version of GEE from the WordPress repository and are not using the one that comes default installed with Genesis.

The plugin author gives some detailed instructions here for integrating with MailChimp and getting the form action right.

As far as the line breaks go, that’s going to be a CSS change either to the margin or padding of those elements. I looked on your site but couldn’t find the newsletter signup. Once you get it working, post a followup and I can help you troubleshoot the CSS.

Cheers,

Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[MMParticipant Post count: 86]

Thanks Carrie. Mailchimp working. Good tutorial by BKraft.

Experimented with CSS but no solution yet. Current code is:

Any suggestions?

 

/* eNews Extended Widget
———————————————————— */

.enews-widget {
background-color: #e7e7e7;
border: 9px solid #ddd;
margin: 50 10%;
}

.enews-widget .widget-wrap {
border: 1px solid #fff;
}

.enews {
background: url(images/enews-ribbon.png) no-repeat top left;
margin: -17px -18px;
overflow: hidden;
padding: 45px 50px 40px;
text-align: center;
text-shadow: 1px 1px #fff;
}

.enews #subbox {
background: #fff url(images/enews-subbox.png) no-repeat center left;
-moz-box-shadow: 0 0 3px #bbb;
-webkit-box-shadow: 0 0 3px #bbb;
box-shadow: 0 0 3px #bbb;
color: #999;
margin: 10px -7px 10px 0;
padding: 13px 0 13px 37px;
width: 80%;
}

.enews #subbutton {
background-color: #666;
color: #fff;
padding: 13px 12px;
}

.enews #subbutton:hover {
background-color: #555;
}

[cdilsParticipant Post count: 301]

Hi there,

For this part:

.enews-widget {
background-color: #e7e7e7;
border: 9px solid #ddd;
margin: 50 10%;
}

The number 50 either needs to be 50% or 50px. Not sure that’ll achieve what you’re looking for until I can see the newsletter box live on your site. Come back and post a link once it’s up.

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[MMParticipant Post count: 86]

Thks Carrie. All working now. 25px gave good spacing.

http://mikemetcalfe.co/old-vs-new-amsterdam-visit/

[tjdParticipant Post count: 46]

Hello,

I happened upon this discussion by accident but it was my good luck. I’m in the middle of a site redesign, my 1st attempt, and I just haven’t been able to do anything with my eNews Extended widget….never could figure how to get it to look like the screen shots I’ve seen.

Then I see this conversation and I realize I don’t have any css code for it in the style sheet. So I copied and pasted the code, block-by-block into my css, testing as I went and hoping my site wasn’t going to explode at a click of the mouse.

I’m pretty happy with the results but I can’t seem to center the email box and the text within. I’m simply not savvy enuf to know what to put where.

Here’s the site if anyone can advise how to adjust:   tomjdolan.com

Thanx for your help

[cdilsParticipant Post count: 301]

Hey there,

It looks like your box and the text is centered – it’s just your headlines in your sidebar that are aligned to the right. Find this in style.css:

.taxonomy-description h1, .widget-area h4 {

    border-bottom: 1px solid #878787;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 10px;
    text-align: right;

}

Just remove the text-align:right and you should get the results you’re looking for.

Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[tjdParticipant Post count: 46]

Hi Carrie,

Thanx for the quik response. It’s after midnite here in Tokyo, and checking, for the last time, my email I was surprised to see your response.

Well, I originally moved the widget titles to the right to provide more visual separation between the Posts & the sidebar. I even narrowed the sidebar a bit.  Originally I naively asked StudioPress Support for assistance and although their response was brief, they said there was no ‘center setting’, either right or left. I chose right. But,

Tonite I tested your advice.The titles do move left when that code is removed, but, the email box and the text don’t shift left. So I moved the title right again and although the email box + text is still is a bit off, I can live with it until I can’t.

Obviously I’m not too strong in the coding dept but I’m ok to take chances as long as I can avoid destruction…been at this for weeks.

BTW, I did copy/paste all of the above code into my css and then went about adjusting values one at a time and testing each change as I went. A manic experience. Nevertheless,

Thank you for you kind interest.

Tom

[Author]

Posts