WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
align the bttn left (8 posts)

  1. stephanieh57
    Member
    Posted 2 years ago #

    Hi!

    Hi! can someone let me know the code to align the sign in button left instead of centered?

    Huge thanks!

    Stephanie

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

  2. mc_nate
    Member
    Posted 2 years ago #

    Hey again Stephanie,

    I saw your post in the other thread, but it looks like it takes me directly to the WordPress login page. If you can set the site as public for a bit, I'll be happy to have a look at how things are set up currently. However, you should be able to float the subscribe button to the right by isolating that element using Firebug for Firefox or Chrome's "Developer Tools". That should give you something like this:

    input$mc_signup_submit.button {
    display:block;
    float:left;}

    Also, for security reasons, we'd definitely recommend either disabling the login information displayed in the other thread or changing the password.

    Cheers

  3. mc_nate
    Member
    Posted 2 years ago #

    Oops!

    Forgot to say that you'll add that CSS to your site's "Style.css" page, just like the other CSS mentioned in the previous thread. ;)

    "Appearance" -> "Editor" -> "Style.css"

    Cheers

  4. stephanieh57
    Member
    Posted 2 years ago #

    hi! thanks for yr reply!

    I tried using firebug but I must have made something wrong because it's not working...the first code did

    .mc_input {
    display: block;
    width: 85%;
    height: 20px;}

    I tried to add float:left; under display but did not work...

    My site is public you can see the bttn is centered

    babasouk.ca

    By the way I am new with firebug but on another forum someone told me to never overwrite my syle.css file but to use custom.css file instead? is this right?

    Huge thanks,
    Stephanie

  5. Sebastian Cork
    Member
    Posted 2 years ago #

    Hi Stephanie,

    Try the following:

    input#mc_signup_submit.button {
    display: block;
    float: left;
    width: 90%;
    height: 20px;
    }

    There was a small typing error in the code provided by Nate. Rather than beginning the selector with the dollar sign ($) symbol, it should use the pound symbol (#). I also increased the width to 90% so that it matches the width of the text input field above it, but feel free to adjust it to your liking.

    It is true that adding the styles to a custom.css is the preferred method. Doing so would prevent your custom styles from being overwritten when a newer version of the theme gets released and you perform an upgrade.

  6. stephanieh57
    Member
    Posted 2 years ago #

    wow! It worked like a charm :)

    Thanks for replying to my post i really appreciate!

    Stephanie

  7. Sebastian Cork
    Member
    Posted 2 years ago #

    I was glad to help and you're welcome!

  8. mc_nate
    Member
    Posted 2 years ago #

    Doh! Thanks for the save, Sebastian!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags