WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
Simple way to change subscribe button color/text (17 posts)

  1. ernestoaz
    Member
    Posted 2 years ago #

    I am using the widget and i was wondering if there is a simple way to change the subscribe button text color and/or the button itself. I tried several different ways in the settings and no luck. you can see it at http://www.bodyzenbootcamps.net. It's on the right. As it stands the subscribe wording is barely noticeable. Thanks!

    http://wordpress.org/extend/plugins/mailchimp/

  2. mc_nate
    Member
    Posted 2 years ago #

    Hey there Ernestoaz!

    The button itself can be styled through CSS in your theme. With Chrome's Developer Tools, we were able to change the button to make it stand out a little more (and it SURE does stand out in our copy!). Check out the results, here:

    http://cl.ly/2T0P011c001W2H3v0a0n

    As far as changing the text on the button, that can be done under the MailChimp settings by going to "Settings" -> "MailChimp Setup". On that page, you'll have the option to change the text on the button to anything you'd like. :)

    If we can assist with anything else, feel free to give us a shout!

    Cheers

  3. ernestoaz
    Member
    Posted 2 years ago #

    Great. Thank you! Could you point me in the right direction? I've never messed with CSS. I know how to access the developer tools but I don't know where I should be at. Should I be in the editor in wordpress? Thanks for your help!

  4. mc_nate
    Member
    Posted 2 years ago #

    Yep!

    You'll want to make the changes under "Appearance" -> "Editor" -> "Style.css". From there, you just need to apply the correct values to the correct elements and you'll be good as gold! :)

    Let us know if we can help with anything else!

  5. ernestoaz
    Member
    Posted 2 years ago #

    I keep trying to find the answer in the posts but I can't seem to find it. I'm here

    http://bodyzenbootcamps.net/wp-content/uploads/2012/01/clip_image002.jpg

    but I can't find the element. I scrolled through the whole thing and tried searching for mail_chimp..etc and nothing. Thanks for helping a newbie. One I found the element I think I know what to do. Thanks again!

  6. mc_nate
    Member
    Posted 2 years ago #

    No worries!

    What you'll want to do is figure out what to edit by using developer tools on your main page. From there, you can see what exactly you'll be making changes to.

    For my test copy, I used something like this:

    #mc_signup_submit.button {
    background-color: purple;
    color: white;}

    Which I got by inspecting the submit button, here:
    http://cl.ly/0V2K1Y063e0v1133261T

    From there, I can use the Developer Tools to play around and sort out exactly what I'm editing and what colors I want to display.

    Hopefully that can at least point you down the right path!

    Cheers

  7. ernestoaz
    Member
    Posted 2 years ago #

    Couldn't figure it out. I'll step away for now and try later. I found the mc-signup in the resources area but I'm not sure i can edit there. Thanks for all the help again!

  8. ernestoaz
    Member
    Posted 2 years ago #

    I have a presscoders theme that was paid for with a widgetized main page. I don't know if that matters.

  9. mc_nate
    Member
    Posted 2 years ago #

    Hey again, Ernesto!

    You'll want to make sure that you make CSS edits in your theme's main CSS file. Generally, that's found under "Appearance" -> "Editor" -> "Style.css".

    Let us know if we can help with anything else!

    Cheers

  10. manu-bambo
    Member
    Posted 2 years ago #

    Dear,
    I have an issuu with the plugin, It was working but know, when i subscribe and come back to the website the plugin disapear, it happens with all browser ( firefox, chrome, safari I didn't test IE )
    Does somebody have the same problem ?

    the link of the website :

    http://www.editions-prolegomenes.fr/

    If somebody can help me ?

    Thanks

    Manu

  11. mc_nate
    Member
    Posted 2 years ago #

    Hey Manu!

    Thanks for providing a link to your site! It appears that you're using the "MailChimp Widget" plugin designed by James Lafferty. He's actually got a thread with a solution to your problem, here:

    http://wordpress.org/support/topic/plugin-mailchimp-list-subscribe-form-how-to-make-the-subscribe-widget-constant?replies=6

    Cheers!

  12. IngeW
    Member
    Posted 2 years ago #

    Hi,
    I am using the James Lafferty widget and would really like to change the size/colour of the subscribe button. Is there a simple way to do it? Does it involve the same steps you describe before?

    Have a look at http://www.mumandcareer.co.uk

    Which might help to see why I would like it to stand out more.

    Inge

  13. mc_nate
    Member
    Posted 2 years ago #

    Hey there, Inge!

    While I can't guarantee the same results for Mr. Lafferty's plugin, I imagine the same process should give you similar results. If I had to guess, the element names aren't going to be the same, so you'll have to figure out what exactly to edit by using Chrome's Developer Tools or Firebug for Firefox.

    Let us know if we can help with anything else!

    Cheers

  14. ponderconsulting
    Member
    Posted 2 years ago #

    I am dying to figure out how to put it on the same line as the label and input box....http://barbarapayton.com/

  15. mc_nate
    Member
    Posted 2 years ago #

    Hey there!

    Looks like you hit the nail on the head! Anything else we can help with?

  16. cassy.carter
    Member
    Posted 2 years ago #

    Hi!

    I am using a purchased theme and am hoping you can help!

    I'd like to have the box to type in the email look like my search box (located further down on the side bar) and to have no button, but instead you press enter.

  17. mc_nate
    Member
    Posted 2 years ago #

    Hey cassy!

    In regards to that level of customization, I can't say for sure whether or not this will work, so buyer beware! ;)

    However, you might try setting the submit button to "display: none;", as that will essentially hide the button from view. Your best bet for this sort of thing would be to consult with your web developer just to ensure that everything works as expected, however.

    Cheers

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags