Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3562

    Hi,

    I’m using the MailChimp widget (http://blog.mailchimp.com/mailchimp-wordpress-plugin/) in my site (http://raceyourself.ph/) with the Habitat theme and the textbox for the email field isn’t consistent with the textboxes in the theme (e.g. Search). What should I put in the CSS to make it consistent?

    Thanks!

    P.S. – Great theme by the way!

    #42776

    I was able to get as far as this by using the CSS code below, copied from rounded text_input and by adding #cccccc to border-style.

    #mc_signup_form #mc_mv_EMAIL, #mc_mv_FNAME, #mc_mv_LNAME {
    border-width: 1px;
    border-style: solid #cccccc;
    font-family: Arial, Helevtica, Verdana, san-serif;
    font-size: 12px;
    padding: 8px 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }[/CODE]

    But as you’ll see, it’s still not exactly the same–the top and left sides of the textbox are of a different color.

    How I want it to look like (Search):
    [IMG]http://i1112.photobucket.com/albums/k483/isimpao/search.jpg[/IMG]

    How it looks like now (MailChimp):
    [IMG]http://i1112.photobucket.com/albums/k483/isimpao/mailchimp.jpg[/IMG]

    Am I missing anything? I’m not really knowledgeable on CSS and am just guessing how to use it based on my knowledge of HTML and other programming languages.

    Thanks!

    [CODE]

    #mc_signup_form #mc_mv_EMAIL, #mc_mv_FNAME, #mc_mv_LNAME {

    border-width: 1px;

    border-style: solid #cccccc;

    font-family: Arial, Helevtica, Verdana, san-serif;

    font-size: 12px;

    padding: 8px 12px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    }[/CODE]

    But as you’ll see, it’s still not exactly the same–the top and left sides of the textbox are of a different color.

    How I want it to look like (Search):

    search.jpg

    How it looks like now (MailChimp):

    mailchimp.jpg

    Am I missing anything? I’m not really knowledgeable on CSS and am just guessing how to use it based on my knowledge of HTML and other programming languages.

    Thanks!

    #42777

    Finally got it to work! Read the documentation and found out that the color schemes are in different CSS files, so I was able to find this snippet of code for the border color.

    border-color: #e5e5e5;[/CODE]

    Thanks anyways!

    [CODE]border-color: #e5e5e5;[/CODE]

    Thanks anyways!

    #42778

    Glad that you solved the problem :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘MailChimp widget text boxes in Habitat’ is closed to new replies.