Support » Plugin: WP-PageNavi » width/height on individual links

  • I’m trying to style the navigation to have a circle background. I do not want to use border-radius because it is too pixelated looking. Instead I am using a css sprite. My problem is I can’t seem to add a width or height to the links. Only padding works. The problem with that is I can’t center the page numbers.

    Here’s the css without width/height added:

    `/* new post nav css */
    .wp-pagenavi {text-align:center!important;important;border-top:none!important;}
    .wp-pagenavi a, .wp-pagenavi span {
    background:url(link to blognavsprite.png)!important;
    background-position: 0px -84px !important;
    margin-right: 10px!important;

    }
    .wp-pagenavi a:hover{background-position: 0px -42px !important;
    color: #fff!important;

    }
    .wp-pagenavi span.current {background-position: 0px 0px !important;
    color: #d0112b!important;

    }
    .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink{color:#000!important;padding: 8px 15px 8px 15px!important;}
    .wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover{color:#fff!important;}
    .wp-pagenavi span.current { font-weight: normal!important; }

    https://wordpress.org/plugins/wp-pagenavi/

  • The topic ‘width/height on individual links’ is closed to new replies.