Pagination layout issue

[Jan]

Hi, the pagination is created by Joomla! framework and should be styled in CSS template, do you get the pagination correct e.g. with rhuk_milkyway (standard template: if yes, then you should find some standard template like rhuk_milkyway is, if not, then there can be some css conflict with some other extension css)

Jan

[mariourk]

Hi Nex0r,

Did you manage to fix this issue? I'm having the exact same problem with one of my templates.
I've been comparing with other templates, but I can't figure out what is causing this.

Right now, I have this in my css-file:

Code: Select all

/* De pagination */
ul.pagination {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.pagination li {
	float: left;
	margin-right: 5px;
}

.pagination span {
	padding: 2px;
}

.pagination a { 
	padding: 2px;
}

This seems to work, only the pagination is aligned at the left of the page. When I remove the line float: left; in ul.pagination li, the layout will jump right back to the list layout.

float: right; obviously also works, only this time the pagination is aligned at the right side of the page.

I can't get it centered

[mariourk]

This is how I finally got it working.

First I had to remove/rename a file named pagination.php inside the directory html, inside the template directory. This file overruled the standard pagination of Joomla and messed things up. Once this file was out of the way, the layout of the pagination was almost good, except that it was aligned at the left.

I aligned all the text in the div blog to the center.

Code: Select all

.blog {
	text-align: center;
}

This also caused all the article text to move to the center. To fix that, I aligned all the text in the divs article_row to the left.

Code: Select all

.article_row {
	text-align: left;
}

This seems to work for now. I hope this will help someone.

[Jan]

Great, thank you for your information, Jan