WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp for WordPress
[resolved] Custom css (2 posts)

  1. herzfams
    Member
    Posted 7 months ago #

    Hi There,
    Great plugin! Quick css questions: Is there way to change the placeholder text color, text color as you type and the focus color? Please help. Tnx.

    http://wordpress.org/plugins/mailchimp-for-wp/

  2. Danny van Kooten
    Member
    Plugin Author

    Posted 7 months ago #

    Hi there,

    Yes, there is. Changing the placeholder text color is a little tricky as the syntax varies across the different browsers but here you go.

    .mc4wp-form input::-webkit-input-placeholder {
       color: red;
    }
    
    .mc4wp-form input:-moz-placeholder { /* Firefox 18- */
       color: red;
    }
    
    .mc4wp-form input::-moz-placeholder {  /* Firefox 19+ */
       color: red;
    }
    
    .mc4wp-form input:-ms-input-placeholder {
       color: red;
    }

    Source: http://css-tricks.com/snippets/css/style-placeholder-text/

    And this is to change the focus color.

    .mc4wp-form input:focus {
    	border-color: blue;
    }

    Source: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus

    Hope that helps!

Reply

You must log in to post.

About this Plugin

About this Topic