Can't fit form into my site header

Hey Michael,

Thanks for posting. It looks like you’re looking the embed code at the moment, rather than the WordPress plugin. For this reason, we’re limited in the Support that we can provide for this form here. If you’re looking to style the embed code, you’ll need to add your own CSS code to the embed code. This article is a reference sheet of the CSS that it uses:

https://kb.mailchimp.com/article/embed-code-css-reference

As far as the MailChimp List Subscribe Form, that can be styled in a similar manner, by adding your own CSS. For the overall form, you can try using something like this to control the dimensions of the form’s container:

#mailchimpsf_widget-2 {
width: 200px;
}

Let me know if you have any questions!

-tk

What page and where would one add such CSS?

I’m using a theme called Striking. Go to Striking General Settings. After choosing the Html option from the drop down marked Header Top Area, place the CSS in the box marked Header Top Area Html Code. If you’re not using that theme you’ll have to get someone else to help. Sorry

Hey astrelfrog,

Where the CSS added is up to you! It’ll just have to be active on the page that you’re adding the signup form to.

I like to recommend adding the CSS code to your WordPress theme’s style.css file, as it’s a file that I know most WP users will have. This file can be accessed by logging into your WordPress admin area, then going to Appearance > Editor and editing the style.css file. You may consider adding it to the very bottom of the file for organizational purposes. Keep in mind also that you’ll have to update this file each time you update your theme, as it will overwrite your customizations.

-tk