1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lack of Interest Page navigation CSS

Discussion in 'Closed Suggestions' started by Jay, Jul 20, 2012.

  1. Jay

    Jay Active Member

    There's not enough padding around the page numbers when the numbers reach double digits or more imo. What's more is that the area around the page numbers aren't flexible which means the appearance becomes broken when a page number exceeds 3 digits. So, I propose a few css changes:

    Code:
    .PageNav a[rel="start"] {
        width: 19px !important;
    }
    to

    Code:
    .PageNav a[rel="start"] {
        min-width: 14px !important;
    }
    ---------------------------------------
    Code:
    .PageNav .scrollable {
        height: 18px;
        overflow: hidden;
        position: relative;
        width: 117px;
    }
    to

    Code:
    .PageNav .scrollable {
        height: 18px;
        overflow: hidden;
        position: relative;
        width: 112px;
    }
    ---------------------------------------
    Code:
    .PageNav a {
        border: 1px solid transparent;
        border-radius: 3px;
        width: 19px;
        text-align: center;
        text-decoration: none;
    }
    to

    Code:
    .PageNav a {
        border: 1px solid transparent;
        border-radius: 3px;
        min-width: 14px;
        padding: 0 2px;
        text-align: center;
        text-decoration: none;
    }
     
  2. Jay

    Jay Active Member

    Bump, just saw a big forum reduce the size of the page numbers to avoid running out of space.
     

Share This Page