Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey hey!

    Glad to hear! You should be able to align it left by using something like this:

    .mc_signup_submit {
    text-align: left;
    }

    (this worked for me in the Twenty Twelve theme).

    If you’re using a different them and/or not seeing the above work for ya, would you be able to post a link to your page with the problematic form?

    -tk

    Thread Starter larsgj

    (@larsgj)

    Thanks!

    It works just fine in a “quick CSS” field in the theme options, but if I move it over to a custom.css file it doesn´t. I see al my other mc tweaks has a
    #mc_signup_form .mc_whatever {

    Any idea how to get in a custom.css?

    try using !important tag at the end of your line

    like this..

    .mc_signup_submit
    {
    text-align: left !important;
    }

    Hey Larsgj,

    APDD’s suggestion should work if the issue is ultimately that your custom.css file’s style code is being overridden by CSS code elsewhere. (Whether that’s the case can be discovered through using Firebug or the inspect element tool.)

    I’d recommend also double-checking that custom.css is actually referenced on the page with the form on it!

    The other approach to the issue (if it is a CSS overriding issue and you don’t want to use !important), is assessing why the CSS is being overridden, then resolve it that way. If it involves CSS hierarchies, you’ll need to revisit how CSS hierarchies work and see how those overrides/priorities can be addressed by changing around the way you set that CSS code.

    Thanks for the reply APDD! Much appreciated. 🙂

    If you have any other questions, feel free to post back here.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align submit button Left’ is closed to new replies.