WordPress.org

Forums

MailChimp List Subscribe Form
Can't fit form into my site header (5 posts)

  1. michaelo9
    Member
    Posted 1 year ago #

    I would love for mailchimp sign up form to fit neatly into the confines of my site's header, but still stand out enough to be obvious! My site, if needed http://www.michaeloart.com

    http://wordpress.org/extend/plugins/mailchimp/

  2. mc_tak
    Member
    Posted 1 year ago #

    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:

    http://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

  3. astrelfrog
    Member
    Posted 1 year ago #

    What page and where would one add such CSS?

  4. michaelo9
    Member
    Posted 1 year ago #

    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

  5. mc_tak
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic