Archived topic
Question on Mailchimp block
43 replies · Started by Christopher on May 3, 2022
Hey there,
I installed the MC4WP plugin to create some simple newsletter sign up pages on the website.
Now I have 2 questions:
1) Is there any way to move the yellow SUBSCRIBE button in my example to the right side of the mail form? Maybe with some custom CSS as I cant find a built in option to move it.

2) How come the box looks different on the live site compared to the editor as seen in picture 1? On my site the top part is cut off in the div "wp-block-getwid-section__foreground"

Thanks,
Chris
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Sure, done!
Hi Christopher,
Can you provide the password as well once more?
Hope to hear from you soon. :)
Sure. done
1. You can try adding this CSS in Appearance > Customize > Additional CSS:
form.wp-block-getwid-mailchimp__form {
display:flex;
}
form.wp-block-getwid-mailchimp__form p.wp-block-getwid-field-email {
flex-grow:2;
margin-bottom:0;
margin-right: 5px;
}
form.wp-block-getwid-mailchimp__form .wp-block-getwid-mailchimp__submit {
margin-top:0;
}
2. I’m not sure I understand this correctly. I can’t view the page on edit mode as you’re currently editing. Perhaps you can send a screenshot of how it looks like in the editor?
Kindly let us know. :)
Thanks! That code worked, for the second - in the editor it looks like the first screenshot, i grabbed that one fromn the editor. And on the live page the top part is cut off, just above the white box to enter the email address.
Hi there,
instead of using the Getwid section block to put the form inside, use a GenerateBlocks Container Block, then you can adjust the Top and Bottom Padding to give it more space.
Thanks David, do you refer to the "Mailchimp for WordPress Form" ? I checked that as well and it only has the advanced options, I cant even put in my Mailchimp API key anywhere. Not sure where all the other options might be?
No - the mailchimp and the % bar thing are inside a Columns Block, which is inside a Section Block.
If you use a GB Container Block instead of the Section block then you can adjust the Containers top and bottom padding. This will put some space between the containers edge and the content ( ie. the form )
Thanks,
I tried moving it around, but it wouldnt really let me do it with drag&drop and also copy and insert before/after does not work. Whats the easiest way to bring it into the GP container block?
The GP Mailchimp feature does not offer any customisation or is it because I inserted it in the wrong area as well?
Hi Christopher,
Make sure you are drag and drop the block using the list view:
https://wordpress.org/support/article/list-view/
GP doesn't have a Mailchimp feature, what David meant was to add the Mailchimp form to a GB container block so you can have better control in terms of spacing and other styles.
Thanks, yes I am using the drag & drop - maybe my Chrome browser does not like it too much. For example when its a container all the way at the bottom of the list and I want to drag it to the one on top, it switches up to the very top part of the page while left click is held and I cant get back.
I also wanted to replicate the setup using GB container and move the Mailchimp block inside the container, which does not seem to work. I see a "Copy" option, but no "Paste"?
Here is a video of me trying to move something into a new container, it just wont let me :)
The new container needs to have at least 1 block nested in it.
I usually add a paragraph block in a new container, then remove it after I'm done with dragging.
You can copy a block, then press control+v in a paragraph block.