Mailchimp Horizontal Bar Form Problem below my site header

  • Resolved RichWin831

    (@richwin831)


    10 years, 11 months ago

    I added a horizontal bar form below the header. I edit the size on stylesheet.css and it really looks good on the homepage now.

    as you can see https://evenuneven.com/

    The problem now. Is when you go on the product pages, blog pages, category pages, and some other pages. The form I added become ruined. The height becomes larger and the buttons are misplaced.

    I added the form code at the most bottom part of header.php

    And this this the code I added in styleshee.css

    /********************
    MailChimp Custom Style for Horizontal Bar form
    *********************/

    .mc-field-group{
    background-color: #ccffcc;
    float: right;
    position: relative;
    padding-left: 147px;
    padding-right: 10px;
    }

    #mce-email {
    float: right;
    margin:10px;
    }

    #mce-FNAME{
    margin:10px;
    }

    https://www.ads-software.com/plugins/mailchimp/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi RichWin831,

    Thanks for hopping in the forum. I will combine your questions into this response. Looking at your website, it’s seems you’re using the MailChimp embed code and not the wordpress plugin. When I view it, the form looks good on the front page, but the subscribe button is larger on the other pages. This guide from the MailChimp knowledge base, has some tips on editing the css of the form: https://kb.mailchimp.com/article/embed-code-css-reference/

    Specifically, to modify the button, you might want to apply some styling to the #mc-embedded-subscribe css id.

    -mcd

    Thread Starter RichWin831

    (@richwin831)

    Hello Thank you so much. That helps me. and I already solve it.

    Thanks,
    Rich

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mailchimp Horizontal Bar Form Problem below my site header’ is closed to new replies.