Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 9, 2014 at 10:02 pm #207651
    asherbarrett

    I’m using this plugin called Page Restrict http://wordpress.org/plugins/pagerestrict/ that is restricting a page for me but the login is pushed all the way to the left of the page. The developer of the plugin said to talk to the theme creator about the issue. He said it was a theme layout issue. The plugin developer gave me the code below to add to the css but it makes the entire website centered and messed up. I only want the login fields to be centered on the staff login page. http://smartpaynm.com/staff/

    Code from the plugin developer
    .page-restrict-output {
    width: 400px;
    margin: 0 auto;
    }
    The entire website gets messed up when I use this css code above. See the result http://oi43.tinypic.com/2luq9lj.jpg.

    I just need the login fields on the staff page to be centered. Can you help me out?

    January 10, 2014 at 11:47 am #207934
    Ismael

    Hey asherbarrett!

    Add this on your custom.css or Quick CSS:

    .page-restrict-output {
width: 100%;
text-align: center;
}

.page-restrict-output > * {
display: inline-block;
}

    Regards,
    Ismael

    January 10, 2014 at 5:39 pm #208081
    asherbarrett

    That kind of worked. The text moved over but not the login fields. Take a look http://smartpaynm.com/staff/

    January 11, 2014 at 6:32 am #208346
    Ismael

    Hey!

    You added the code under mobile device media query. Please add it below this one on custom.css:

    /* General Custom CSS */

    Regards,
    Ismael

    January 12, 2014 at 7:17 pm #208693
    asherbarrett

    I’m sorry I added the code like you said and it’s still showing me the same issue with the login fields floating to the left.
    http://oi39.tinypic.com/qzkrxi.jpg

    http://smartpaynm.com/staff/

    January 13, 2014 at 10:01 am #208864
    Dude

    Hey!

    Try following code

    
.page-restrict-output {
width: 1210px;
margin: auto;
}

.page-restrict-output form, .page-restrict-output p, .page-restrict-output form input{
text-align: center !important
}

    Best regards,
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Plugin question’ is closed to new replies.