Issues with hustle optin display in sidebar

Hi, I really want to use hustle but I have two issues that I don’t seem able to resolve. One is that the email addresses don’t pull through to Mailchimp correctly – at least I don’t think they do.

Secondly, my optin on the sidebar of my blog posts does not show correctly – the form field boxes are all squashed up and display side by side rather than stacked.

I must be doing something wrong. Please help.

Jason

  • Nahid
    • Ex Staff

    Hi Jason !

    Hope you are having a great day!

    I’m sorry that you are facing problems using our plugin. For the first issue, are you receiving any errors? Have you re-checked your configuration settings? For the second one, can you please point me out to the page with the sidebar where the form is located? Can you please grant me Staff Access so that I can dig more into the matter? To enable access, you can follow this handy manual.

    https://wpmudev.com/manuals/wpmu-dev-dashboard-enabling-staff-login/

    Please upgrade your Hustle plugin to the latest version.

    I’ll be looking forward to your response. Thanks!

    Cheers,

    Nahid.

  • Nahid
    • Ex Staff

    Hi Jason !

    I forgot to mention that unfortunately, you can’t display the same opt-in forms multiple times in one page. For the display issue, I’ve added the following CSS in your Divi theme Custom CSS and it’s working fine for me now.

    #inc_opt_widget-2 .wpoi-hustle .wpoi-optin .wpoi-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

    #inc_opt_widget-2 .wpoi-hustle.wpoi-layout-one .wpoi-optin>.wpoi-container>.wpoi-element:nth-child(1) .wpoi-image-left .wpoi-image, .wpoi-hustle.wpoi-layout-one .wpoi-optin>.wpoi-container>.wpoi-element:nth-child(1) .wpoi-image-left .wpoi-image>div.wpoi-hustle.wpoi-layout-one .wpoi-optin.wpoi-small>.wpoi-container>.wpoi-element:nth-child(1) .wpoi-image-left .wpoi-image, #inc_opt_widget-2 .wpoi-hustle.wpoi-layout-one .wpoi-optin.wpoi-small>.wpoi-container>.wpoi-element:nth-child(1) .wpoi-image-left .wpoi-image>div {
    border-top-right-radius: inherit;
    }

    #inc_opt_widget-2 .wpoi-hustle .wpoi-optin .wpoi-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }

    #inc_opt_widget-2 .wpoi-hustle .wpoi-optin .wpoi-fields-separated .wpoi-element {
    margin-right: 0;
    margin-bottom: 10px;
    }

    #inc_opt_widget-2 .wpoi-hustle .wpoi-optin .wpoi-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 36px;
    flex: 0 36px;
    }

    Hope this helps. Let me know if this works for you. Thanks!

    Best,

    Nahid.