[Resolved] SignUp form like GenerateBlocks

[demoxing]

Hello,
I want to make a signup form like generateblocks front page. simple and clean look.
please tell me, how can I do that?

reference: https://imgur.com/pO84dvl

[Leo]

Hi there,

That’s using MailChimp.

Hope this helps 🙂

[demoxing]

Do you mean the signup form is created with Mailchimp template?

[Leo]

Should be a Mailchimp widget.

[demoxing]

I used the hook element and paste the Mailchimp embed codes to make a signup form. and used this CSS to make it looks like the generate blocks website.

#mc_embed_signup_scroll {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}
@media (max-width: 768px) {
    #mc_embed_signup_scroll {
        flex-wrap: wrap;
    }
    #mc_embed_signup_scroll .email,
    #mc_embed_signup_scroll .clear,
    #mc_embed_signup_scroll .clear input[type="submit"] {
        width: 100%;
    }
}

I am happy with it, and its working as well, but I want to make it a little bit bigger! I mean the horizontal width. how can I make the signup form a little bit bigger?

[David]

Hi there,

can you provide a link to where i can see the form.

[demoxing]

sure David, but I can’t reveal my website URL publicly. you can just add this to the permalink.

mysite.com/newsletter

I think you can able to see my website name.

[David]

Try this CSS:

#mc_embed_signup input.email {
    width: 500px !important;
}

BTW – you can always Edit your original topic and update the Site URL Field 🙂

[demoxing]

Thanks David! the code worked.

[David]

You’re welcome

[Author]

Posts