WordPress.org

Forums

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

  1. herzfams
    Member
    Posted 1 year 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 1 year 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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • MailChimp for WordPress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic