• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

eNews Extended widget & MailChimp Integration

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › eNews Extended widget & MailChimp Integration

This topic is: resolved

Tagged: email signup, eNews extended, genesis

  • This topic has 7 replies, 3 voices, and was last updated 12 years, 4 months ago by tjd.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 4, 2013 at 4:15 am #17789
    MM
    Member

    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!

     

    February 4, 2013 at 3:35 pm #18021
    cdils
    Participant

    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 host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

    February 4, 2013 at 5:53 pm #18090
    MM
    Member

    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;
    }

    February 4, 2013 at 5:55 pm #18091
    cdils
    Participant

    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 host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

    February 4, 2013 at 6:02 pm #18092
    MM
    Member

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

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

    February 8, 2013 at 8:07 am #18923
    tjd
    Member

    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

    February 8, 2013 at 8:11 am #18924
    cdils
    Participant

    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 host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

    February 8, 2013 at 10:08 am #18943
    tjd
    Member

    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
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble