Joomla Templates Club 406,261 posts

[nathan13l Friend nathan13lJoin date: June 2012Posts: 12Downloads:0Uploads:4 Thanks: 3]

#180316

Can someone help me?

The pagination of K2 shows Vertically, I want it to be horizontally.

Also, does anyone know of a way to make the bottom outline of the articles be at the same level? Regardless of one article being larger than the other one.

Like how the bottom part of the two articles is not aligned… I want it to be aligned regardless of how large the article is. Like if one article is larger than the other one, the bottom outline would just aligned with the largest article.

Help is greatly appreciated.

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#465705

From your attached file, may be css on K2 didn’t load on your site. I could not access your site because your site was offline. if possible, pls PM me the admin access and ftp account.

[softdepot Friend softdepotJoin date: June 2012Posts: 4Downloads:0Uploads:0 Thanks: 2]

#465857

I have the same problem on my site. The pagination loogs vertical. How can I solve this?

Many thanks

[softdepot Friend softdepotJoin date: June 2012Posts: 4Downloads:0Uploads:0 Thanks: 2]

#465866

anyone know how I can fix this?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#465902

@nathan13l and @softdepot: Because JA Teline IV could not support css style on K2 Component. I have added new css style K2 into JA Teline IV template

<blockquote>Open templates/ja_teline_iv/css/k2.css file</blockquote>

and add new script below

/* --- Pagination --- */
div.k2Pagination {
padding: 0;
margin: 24px 0 4px 0;
text-align: left;
color: #999
}

/* --- Pagination (additional styling for Joomla! 1.6+) --- */
div.k2Pagination ul {
text-align: left;
margin: 0px;
display: inline-block;
float: left;
}

div.k2Pagination ul li { display: inline; }

div.k2Pagination ul li {
background: none;
padding: 0px;
margin: 0px 2px;
}

div.k2Pagination ul li a {
background: #fff
border: solid 1px #D9D9D9
color: #222
display: inline-block;
padding: 3px 7px;
}

div.k2Pagination ul li a:hover,
div.k2Pagination ul li a:focus,
div.k2Pagination ul li a:active {
background: #2F3031
border-color: #2F3031
color: #fff
}

div.k2Pagination ul li span {
background: #cf1919
border: solid 1px #cf1919
color: #fff
display: inline-block;
padding: 3px 7px;
}

div.k2Pagination ul li.pagination-start span.pagenav,
div.k2Pagination ul li.pagination-prev span.pagenav,
div.k2Pagination ul li.pagination-next span.pagenav,
div.k2Pagination ul li.pagination-end span.pagenav {
background: #fff
border: solid 1px #D9D9D9
color: #222
}

div.k2Pagination ul li.pagination-start:hover span.pagenav,
div.k2Pagination ul li.pagination-prev:hover span.pagenav,
div.k2Pagination ul li.pagination-next:hover span.pagenav,
div.k2Pagination ul li.pagination-end:hover span.pagenav {
background: #4c4c4c
border: solid 1px #4c4c4c
color: #fff
cursor: pointer;
}

div.k2Pagination ul li.pagination-start a,
div.k2Pagination ul li.pagination-prev a,
div.k2Pagination ul li.pagination-next a,
div.k2Pagination ul li.pagination-end a {
background: #fff
border: solid 1px #D9D9D9
color: #222
}

div.k2Pagination ul li.pagination-start a:hover,
div.k2Pagination ul li.pagination-prev a:hover,
div.k2Pagination ul li.pagination-next a:hover,
div.k2Pagination ul li.pagination-end a:hover {
background: #4c4c4c
border: solid 1px #4c4c4c
color: #fff
cursor: pointer;
}

.k2Pagination label {
float: right;
display: inline-block;
}

@nathan13l: I have added to directly on your site. Please check it again.
@softdepot: You can follow my suggestion and add the new script above then your problem will be fixed it.

2 users say Thank You to Ninja Lead for this useful post

1. nathan13l
2. softdepot

[softdepot Friend softdepotJoin date: June 2012Posts: 4Downloads:0Uploads:0 Thanks: 2]

#466026

That worked. Thank you very much!

[Author]

Posts