Pagination Css Overflow

This was fine until I added more content moving from 9 pages to 10. This is in the blog layout. Is there a way to cut it down to say only show nine buttons at a time or can we shrink the buttons?

pagination_css_error.png

Thanks

I've been patiently waiting. Your demo shows one thing and the template renders another. Not as advertised.

Might as well pull out the forum and put up as-is, not as-is intended but as-is it turned out to be. Don't bother now, I'll hack something.

Hi

Please show me an exact url to the page with this problem.

I wasn't sure how to tackle it but it turned out that I changed the font size from 16 to 12 on all the elements and their states. I could have changed this with a higher element but since I went through the trouble to targeting each element and their state I'll leave it like this in my override.css, after all, there might be numbers 1-11 programed to show rather than shifting the numbers to 2-11 but that I do not know. Here's the css for the 'just-in-case' scenario.

Code: Select all

div.k2Pagination ul, div.pagination ul > li > span.pagenav {
font-size: 12px;
}

div.k2Pagination ul, div.pagination ul > li.pagination-start > span.pagenav, div.pagination ul > li.pagination-prev > span.pagenav, div.pagination ul > li.pagination-next > span.pagenav, div.pagination ul > li.pagination-end > span.pagenav {
font-size: 12px;
}

div.k2Pagination ul, div.pagination ul > li > a.pagenav {
font-size: 12px;
}

div.k2Pagination ul, div.pagination ul > li.pagination-start > a.pagenav, div.pagination ul > li.pagination-prev > a.pagenav, div.pagination ul > li.pagination-next > a.pagenav, div.pagination ul > li.pagination-end > a.pagenav {
font-size: 12px;
}


http://www.theo4prez.org/en/blog.html