[Weliajolijn]

Hello,

I am having trouble styling my Mailchimp form in theme Attitude. I would like for the name, email and subscribe button to all be in one line. However, non of the tricks I can find online and which work in order themes apply to this theme. Example ( on the bottom of the blogpost ) http://www.sympatheticlistening.com/remembering-love/

Embedded form code: http://pastebin.com/12qYiy7k

Custom CSS: http://pastebin.com/TxzTsBGw

Any help would very much be appreciated!

[Theme Horse Support Team]

Hi Weliajolijn,

Simply Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button and your are all done.

#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="password"] {
    margin: 0 15px;
    width: 20%;
}
@media only screen and (max-width: 767px) {
    #mc_embed_signup input[type="text"],
    #mc_embed_signup input[type="email"],
    #mc_embed_signup input[type="password"] {
        margin: 0 0 30px;
        width: 100%;
    }
}

Hope this helps.
Thank you for using our theme.

[Weliajolijn]

For some reason the CSS above has no effect on my forms. I’ve also tried using the most basic of Mailchimp forms but it did not have an effect on that either.

[Theme Horse Support Team]

Hi Weliajolijn,

Please try below CSS

#content #mc_embed_signup .mc-field-group input[type="text"],
#content #mc_embed_signup .mc-field-group input[type="email"],
#content #mc_embed_signup .mc-field-group input[type="password"]{
    margin: 0 15px;
    width: 20%;
}
@media only screen and (max-width: 767px) {
#content #mc_embed_signup .mc-field-group input[type="text"],
#content #mc_embed_signup .mc-field-group input[type="email"],
#content #mc_embed_signup .mc-field-group input[type="password"] {
        margin: 0 0 30px;
        width: 100%;
    }
}

If it still doesn’t work then email us you temporary username and password to [email protected] we will set it for you.

Thank you for using our theme

[Weliajolijn]

Thank you so much for your support!

[Theme Horse Support Team]

Ok great

[Author]

Posts