Support » Fixing WordPress » How to center WP-PageNavi

Viewing 4 replies - 1 through 4 (of 4 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    in style.css:

    .page-navigation a, .page-navigation span.current, .page-navigation span.extend,
    .comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots{
      padding: 3px 5px 4px 5px;
      margin: 2px;
      float: left;
    }

    the ‘float: left;’ is overwriting any attempt to center the navi.
    remove the float: left;

    (alternatively, depending on the way css edits are done in mystique, you may need to add this to the custom css:

    .page-navigation a, .page-navigation span.current, .page-navigation span.extend,
    .comment-navigation a, .comment-navigation span.current, .comment-navigation span.dots{
        float: none;
    }

    also edit your style:

    .page-navigation{
      margin-left: auto ;
      margin-right: auto ;
    }​

    and add: text-align: center;

    Thanks for the response 😀
    It didn’t work 🙁

    Simply:
    text-align: center;

    Thanks alchymyth, your answer was perfect. Works for me with the Mystique theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to center WP-PageNavi’ is closed to new replies.