Tagged: , , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 3, 2015 at 11:36 am #497567
    WEBIGAMI

    Hi Team,

    I used your manual to set up a Mailchimp form for a client:

    It worked so far (I copied the css code in style.css child theme) but the styling isn’t perfect. Moreover I’d like to have it centered and light transparent.

    You’ll find the form at the very bottom of this webiste:

    http://looklocal.co

    Please advise.

    Cheers,
    Jan :)

    September 3, 2015 at 6:42 pm #497898
    Yigit

    Hi Jan!

    Please add following code to Quick CSS and adjust as needed

    #mc4wp-form-1 input::-webkit-input-placeholder,#mc4wp-form-1 input::-moz-placeholder,#mc4wp-form-1 input:-ms-input-placeholder  {
    color: white;
}
#mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"] {
    background-color: rgba(255,255,255,0.5)!important;
    border-color: rgba(255,255,255,0.5)!important;
}

    Cheers!
    Yigit

    • This reply was modified 9 years, 3 months ago by Yigit.
    September 3, 2015 at 6:48 pm #497902
    WEBIGAMI

    Hey Yigit,

    thank you. One more thing: Can I adjust the tranparency and the alignment of the send buttom, too? It should be aligned center.

    Jan

    September 3, 2015 at 6:59 pm #497910
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #mc4wp-form-1 form > code p:nth-child(3) {
    text-align: center;
}
#mc4wp-form-1 input[type="submit"] {
    background-color: rgba(255,255,255,0.5)!important;
    border-color: rgba(255,255,255,0.5)!important;
}

    Cheers!
    Yigit

    September 3, 2015 at 6:59 pm #497911
    WEBIGAMI

    PS: And can I change the following color:

    1) The submit text after editing your details is black now. It needs to be black

    Cheers

    September 3, 2015 at 7:03 pm #497913
    Yigit

    Hi!

    If you would like to change color of signup fields, please use following

    #mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"] { 
color: black !important; 
}

    If it is black and needs to be black, yay! If that is not what you meant, please elaborate :)

    Best regards,
    Yigit

    September 3, 2015 at 7:08 pm #497919
    WEBIGAMI

    Hey Yigit,

    the button is still not aligned center and the submit text ist still not the defined color.

    Can you please take a look on looklocal.co? Then I can hopefully transfer the settings to webigami.de/fashion. I added the code at the very top of quick css and left out the transparency as it doesn’t look like I wanted it to be.

    What I want on looklocal.co:

    1) centered text and submit button
    2) white text after entering details and hitting submit (it’s black now)

    Cheers,
    Jan

    September 3, 2015 at 7:19 pm #497929
    Yigit

    Hey Jan!

    I have added the codes to bottom of Quick CSS field. Please review your website now :)

    Best regards,
    Yigit

    September 3, 2015 at 7:36 pm #497944
    WEBIGAMI

    Hey Yigit,

    thank you.

    I tried to insert it at the bottom of quick css of the english version on looklocal.co and it doesn’t work. What am I doing wrong!? :-(

    Jan

    September 3, 2015 at 7:48 pm #497953
    Yigit

    Hi!

    Code needed to be adjusted a little for English version. Please review your website now :)

    Best regards,
    Yigit

    September 3, 2015 at 7:53 pm #497960
    WEBIGAMI

    You are the best!

    But why does the same code not work on my draft webigami.de/fashion?

    /** Mailchimp Plugin Styling anpassen (zentrieren, Farbe ändern)*/

#mc4wp-form-1 input::-webkit-input-placeholder {
    color: black;
}
#mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"] {
    color: black;
text-align: center;
}

#mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"] { 
color: white !important; 
}

#mc4wp-form-1 form > code p:nth-child(3) {
    text-align: center;
}

.mc4wp-alert.mc4wp-success {
    color: black;
}
    September 3, 2015 at 8:11 pm #497969
    Yigit

    Hi!

    Please add following one 

    #mc4wp-form-1 form p:nth-child(4) {
    text-align: center;
}

    Regards,
    Yigit

    September 4, 2015 at 11:13 am #498230
    WEBIGAMI

    Morning Yigit,

    thank you, that worked on webigami.de/fashion

    On looklocal.co I still have the Problem of the black colored text after submitting my details:

    How can I define the text color of this part?

    Jan :)

    September 4, 2015 at 1:35 pm #498338
    Yigit

    Hi!

    Please change following code

    .mc4wp-alert.mc4wp-success {
    color: white;
}

    to following one 

    .mc4wp-alert {
    color: white !important;
}

    Regards,
    Yigit

    September 4, 2015 at 4:13 pm #498464
    WEBIGAMI

    Thank you, Yigit! That worked :)

    Jan

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Styling for Mailchimp Signup in Enfold’ is closed to new replies.