[Resolved] SignUp form like GenerateBlocks

Home Forums Support SignUp form like GenerateBlocks

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1403545
    Bijit Chakraborty

    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

    #1403550
    Leo
    Staff
    Customer Support

    Hi there,

    That’s using MailChimp.

    Hope this helps 🙂

    #1403551
    Bijit Chakraborty

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

    #1403589
    Leo
    Staff
    Customer Support

    Should be a Mailchimp widget.

    #1403684
    Bijit Chakraborty

    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?

    #1403765
    David
    Staff
    Customer Support

    Hi there,

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

    #1403766
    Bijit Chakraborty

    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.

    #1403784
    David
    Staff
    Customer Support

    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 🙂

    #1403839
    Bijit Chakraborty

    Thanks David! the code worked.

    #1403856
    David
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.