WordPress.org

Support

Support » Plugins and Hacks » [Plugin: MailChimp List Subscribe Form] align the bttn left

[Plugin: MailChimp List Subscribe Form] align the bttn left

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author mc_nate
    Member

    @mc_nate

    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

    Plugin Author mc_nate
    Member

    @mc_nate

    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

    stephanieh57
    Member

    @stephanieh57

    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

    Sebastian Cork
    Participant

    @seancojr

    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.

    stephanieh57
    Member

    @stephanieh57

    wow! It worked like a charm 🙂

    Thanks for replying to my post i really appreciate!

    Stephanie

    Sebastian Cork
    Participant

    @seancojr

    I was glad to help and you’re welcome!

    Plugin Author mc_nate
    Member

    @mc_nate

    Doh! Thanks for the save, Sebastian!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: MailChimp List Subscribe Form] align the bttn left’ is closed to new replies.