How to make sign up box

Hi there,

you will need a sign up form plugin, the example you shared is using Mailchimp.
The design is then created using GenerateBlocks and some CSS to style the form.

If you have a page with your form etc setup i can take a look at any CSS requirements.

Hi I am sending you the page, I am using convert kit. When I tried adding it using page hero it didn't work.

What code does ConvertKit provide ? Is it a Shortcode or something else ?

Javascript, HTML, Or shortcode

Can you try adding the Shortcode to the element.

This adds it to the header but how do I get it like the other one so that it looks like half n the header with a border around it?

Not sure if I fully understand.

Can you link us to the page in question?

I want to make the sign-up bok like the stream theme in the library. I'm using the stream theme but because I didn't import all the content it didn't load.

The Stream template is using this plugin for the subscription feature:
https://en-ca.wordpress.org/plugins/mailchimp-for-wp/

Yes but it's the placement I want to do. How do I place it the way it is?

Hi Klaudia,

This adds it to the header but how do I get it like the other one so that it looks like half n the header with a border around it?

The overlaying placement is done w/ CSS. If you can add it on the page and let us have a look at it, we can provide some CSS for it to achieve the same look.

The overlaying look is basically negative margin to move the form box a bit outside of its container section. :D

Thanks, I've sent you the site.

Ah I see the issue here,

I believe you're replicating Stream's?
https://gpsites.co/stream/

Stream's placement is basically something like:

[Page hero]
[the form] <-this one has margin-top negative value
[a content]
[another content]
[another content]
[another content]

Now your site has:

[Page hero AND the form]
[first content section]
[another content]
[another content]
[another content]

There's a difference in structure.

The site's page hero has no other content aside from the from so even if we put negative margin-top, it won't have anything to overlap on.

Consider copying the structure of Stream (adding content to page hero) as the current site structure isn't conducive to the styling used by Stream to achieve the same placement.