Joomla Templates Club 406,261 posts

[jf2k3 Friend jf2k3Join date: January 2011Posts: 10Downloads:0Uploads:1 Thanks: 4]

#172124

How can I get the pagination to be horizontal instead of vertical? I’ve tried the suggestions I can find on this forum.

You can see the problem on this page http://www.gamesnose.com/games

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#431134

This is due to the changed div class

<div class="k2Pagination">

but it’s by default

<div class="pagination clearfix">

So, either add class “pagination” to the div:

<div class="k2Pagination pagination">

or add this new CSS tags to the template.css:

.k2Pagination ul li {
display: block;
float: left;
}

1 user says Thank You to gray for this useful post

1. jf2k3

[jf2k3 Friend jf2k3Join date: January 2011Posts: 10Downloads:0Uploads:1 Thanks: 4]

#431137

Thats made it horizontal. How do I get it centered? Also “page 1 of 9” text seems bo be higher then pagination as well.

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#431139

to align, add to .pagination declaration from template.css:

.pagination {
....
line-height: 25px;
}

As regards centering, it’s not an easy task… Try setting in .pagination ul, .pagination p.counter {}

margin-left: 20%;
margin-right: auto;

and in .pagination{}

text-align: center;

[Author]

Posts