K2 Pixellove Template

I upgraded from 1.5 to 1.7 but notice there aren't any K2 template support for Pixellove 1.7 like there was for 1.5.

Will there be a k2 template for Pixellove 1.7, or is this a way to use the old Pixellove 1.5 K2 css?

OK I didn't get a response so I followed the instructions on the K2 website and modified the old pixellove k2.css and the item.php files to look like the old 1.5 k2 template.

But I can't seems to get any info on styling the pagination at the bottom of the page (it's being presented vertically) to look like the one shown in the demo.

Please any help on styling pagination is truly appreciated. I have look all over the web and spend many hours on failed attempts, I know this shouldn't be as hard as it making out to be. Just don't know where to start.

Here is a link to a finished styled Item Page: http://www.agustealo.com/portfolio/illu ... lower.html

Here is a link to a page with the ugly k2 pagination i'm trying to style http://www.agustealo.com/portfolio/illustration.html




Please help.

Hi
When k2 release finall 2.5 version we will add support for our templates.

Thanks, but in the meantime can you point me in the right direction as to where to begin styling this ugly vertical pagination thing.

Just want to know how to at least get this thing to format horizontally instead of it's current vertical layout.

Thanks

You can copy from another template which uses K2 2.5 . e.g The World News ii, search css files for "pagination"...

if you have an online website i can help you...

I do have the site online, I posted the links above pointing to the site, and the pagination.

Would love your help.

See attached images on how it looks...

In your K2.css file Find Line 116 and 117 which is below

Code: Select all

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


Change it to below

Code: Select all

/* --- Pagination --- */
.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999; font-family: BebasNeue,Arial,sans-serif;}
div.k2Pagination ul { margin:10px 0 15px; padding:3px 0 0; width:auto; text-align: center; }
div.k2Pagination ul li { display:inline; }
div.k2Pagination ul li a,
div.k2Pagination ul li span{ height: 29px!important; line-height:31px; display: inline; margin: 0 5px 3px 2px; padding: 4px 16px 5px 16px; font-size: 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; cursor: pointer; color: #333; background: #fff url('../images/btn_bg.jpg') repeat-x left top; border: 1px solid #dbdbdb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.k2Pagination ul li span { opacity: 0.5; filter: alpha(opacity=5); cursor: default!important; }
div.k2Pagination ul li a { }
div.k2Pagination ul li a:hover { color: #cb260a; }
div.k2Pagination p.counter { margin: 24px 0 6px!important; padding: 16px 0 0 !important; text-align: center; font-size: 10px; color: #666; text-transform: uppercase; }


Copy below button image to "templatesgk_pixelloveimages"

Code: Select all

http://demo.gavick.com/joomla16/jul2011/templates/gk_twn2/images/btn_bg.jpg


Edit:
Black background and blue colour matching your article date box style in k2 item view page. You dont have to copy above image if you are using below css...

Code: Select all

/* --- Pagination --- */
.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999; font-family: BebasNeue,Arial,sans-serif;}
div.k2Pagination ul { margin:10px 0 15px; padding:3px 0 0; width:auto; text-align: center; }
div.k2Pagination ul li { display:inline; }
div.k2Pagination ul li a,
div.k2Pagination ul li span{ height: 29px!important; line-height:31px; display: inline; margin: 0 5px 3px 2px; padding: 4px 16px 5px 16px; font-size: 16px; text-decoration: none; cursor: pointer; color: #6B9CCF; background: #000; border: 1px solid #dbdbdb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.k2Pagination ul li span { opacity: 0.5; filter: alpha(opacity=5); cursor: default!important; }
div.k2Pagination ul li a { }
div.k2Pagination ul li a:hover { color: #cb260a; }
div.k2Pagination p.counter { margin: 24px 0 6px!important; padding: 16px 0 0 !important; text-align: center; font-size: 10px; color: #666; text-transform: uppercase; }


See you around...

Thanks sooo much you're awesome!

I got an issue now thou not sure if it has always been there, or whats causing it. when you click page #2 it comes up empty but page #3 show just fine.

...any clue why?

Try clearing joomla cache , SEF URLs for K2 or disable SEF to see if normal component url works fine then we take it from there...

The problem seem to be linked to the sh404sef system plugin, pagination works fine if it's disabled.

Which K2 template are you using , it could be because of the routing in k2 custom style tmpl pages...

To test this rename com_k2 folder to _com_k2 in templategk_pixellovehtmlcom_k2 so k2 can use its own default template. Make sure sh404sef system plugin is enabled and see if page 2 is working fine...

Don't know if I solved the problem or just found a band-aid solution. But everything seem to be working now, I purged all my "sh404sef" sef url's and when it regenerated them things seem to work.

Thanks for the suggestion.

Again you have been truly helpful, cant thank you enough.


-Agustealo

I ve thought you have done that when i suggested by " Try clearing joomla cache , SEF URLs for K2" , anyway glad you got it working , regarding helping no problem at all... See ya around...