the demo is using the plugin ‘wp-pagenavi’
http://wordpress.org/extend/plugins/wp-pagenavi/
with corresponding styles added in style.css of the theme:
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 15px 12px 0px; }
.wp-pagenavi { position: relative; padding: 12px 30px 20px 0px; text-align:right; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px; text-decoration: none; font-weight: normal !important; font-size: 18px !important; color: #6d6d6d !important; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; padding:6px 19px 12px 14px !important; text-shadow: 1px 1px 0px #ffffff; }
.wp-pagenavi span.current { font-size: 18px !important; color: #000000 !important; text-shadow: 1px 1px 0px #ffffff; }
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding:6px 19px 12px 14px !important; margin: 2px; border: none !important; background: url(images/pagenavi-bg.png) no-repeat; }
.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #000000; color: #413f36; border: none !important; color: #000000; }
I don’t get it. My style.css has that code already. And my navigation.php has two lines of Previous and Next entries.
Installing the pluign will solve the problem ?
Thanks for such a quick reply 🙂