Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #2501591
MailChimp subscription form styling
Closed

Comments

  •  1
    RJ started the conversation

    How do I make the style of the MailChimp subscription form exactly the same as on the demo site? It looks like this to me now (after importing the demo and installing the plugins):

  •  104
    FlexiPress replied

    Hi,

    Here is the code of the subscribe form as is shown in the live demo site.

    <div class="row">
      <style>
          @media (max-width: 479px) {
            .vu_mailchimp-form .p-r-0 { padding-right: 15px !important; margin-bottom: 5px; }
            .vu_mailchimp-form .p-l-0 { padding-left: 15px !important; }
          }
        </style>

        <div class="col-xs-8 p-r-0">
    <input type="email" name="EMAIL" class="form-control" placeholder="Subscribe to get latest updates and offers" required style="border: none !important; background-color: #fff;" />
    </div> <div class="col-xs-4 p-l-0">
    <input type="submit" class="vu_button vu_b-shape-square vu_b-size-normal vu_b-stretch vu_b-normal-color-secondary vu_b-hover-color-primary" value="Subscribe" />
    </div>
    </div>

    Kind regards,


    FlexiPress Support

    Follow on     Envato     Facebook     Twitter

  •  1
    RJ replied

    Thank you!

  •  104
    FlexiPress replied

    You're welcome!


    FlexiPress Support

    Follow on     Envato     Facebook     Twitter

  •  1
    RJ replied

    Thanks! 👍