Joomla Templates Club 406,261 posts

[zorroson Friend zorrosonJoin date: May 2007Posts: 62Downloads:81Uploads:3 Thanks: 9 Thanked: 3 times in 2 posts]

#154901

Hi all,

I’ve noticed that pagination looks really bad in JA Droid, and it also shows in the official Joomlart demo site (see close to bottom, just before “Form Style” (see attachment).

I wonder if nobody just haven’t noticed this? If so – any solutions to this?

---

Attachments:

1. 

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

#357582

It could be fixed by adding float:left; to .ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {} from template.css
Also margin-top:15px; declared in .ja-content-main .counter { } from template.css could be reduced to fit the width of pagination div.
As regards bullets inline of the page numbers – I’ve tried to remove them, but they are still there. I think a solution could be creating separate style specially for pagination divs.

[zorroson Friend zorrosonJoin date: May 2007Posts: 62Downloads:81Uploads:3 Thanks: 9 Thanked: 3 times in 2 posts]

#357633

Hi Gray,

Many thanx for your reply!
I’ll try your suggestions asap!

[zorroson Friend zorrosonJoin date: May 2007Posts: 62Downloads:81Uploads:3 Thanks: 9 Thanked: 3 times in 2 posts]

#357648

Just to follow up – based on Grays suggestions, I found that the following changes worked in my design. Might need adjusting to work in your setup, but here it is:

.ja-content-main ul li {
float:left;
padding-left: 10px;
background: none;
}

[zorroson Friend zorrosonJoin date: May 2007Posts: 62Downloads:81Uploads:3 Thanks: 9 Thanked: 3 times in 2 posts]

#357651

For what it’s worth – if anybody wish to have the pagination centered, you can you this instead:

.ja-content-main ul {
text-align: center;
}

.ja-content-main ul li {
display: inline;
padding-left: 10px;
background: none;
}

[Author]

Posts