Centering CSS

  • AdamFGE

    (@adamfge)


    13 years, 5 months ago

    So I’ve been trying to figure out how to center the “E-mail Address” text, as well as the input field… Failing miserably. I tried to search for a solution but couldn’t find anything so here goes…

    .mc_input {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    }

    .mc_var_label {
    margin-left: auto;
    margin-right: auto;
    }

    Is what I currently have… I also tried “text-align: center” and a few others but didn’t get to much… Any suggestions? I’m attempting to use firebug but CSS is not my field of expertise by any means.

    http://test.floridagunexchange.com/

    – Thanks
    Adam B

    http://ww.wp.xz.cn/extend/plugins/mailchimp/

Viewing 3 replies - 1 through 3 (of 3 total)
  • mc_tak

    (@mc_tak)

    13 years, 5 months ago

    Hey Adam,

    While this does go a bit outside of the scope of the plugin and more into a CSS issue, I’d be happy to take a look to see if there’s any quick solutions I can find.

    To center the “Email Address” label with how it’s setup on your site right now, you should be able to use text-align:center; on the mc_merge_var class. I added this in Firebug and it looks like it did the trick.

    As far as centering the text in the form field, I’m not entirely familiar with what’s the best method to do that. However, I was able to get it to center the text in the form field by adding text-align:center into the .mc_input class. Doing a quick search online though, I’m getting an indication that that might not be a consistent way to do that across all browsers. So while adding that should make it work in Chrome (which is what I’m using), I’d definitely make sure to check that it’s consistent in the other major browsers too.

    Let me know if you have any questions!

    Thread Starter AdamFGE

    (@adamfge)

    13 years, 5 months ago

    That worked perfectly.. I know it’s not a CSS training forum, but it was so frustrating to figure out. Thank you very much mc_tak!

    mc_tak

    (@mc_tak)

    13 years, 5 months ago

    Hey hey,

    Awesome, glad to hear man. If you have anymore questions, let us know!

    -tk

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Centering CSS’ is closed to new replies.