pagination and navigation - JF Calla Exteriors - Joomla Templates

Welcome, Guest

TOPIC: pagination and navigation

pagination and navigation 11 Apr 2015 15:29 #6517

hello!
I have a big problem with the navigation settings and page layout .
at first , my site has the button layout and navigation " prev 1 2 3 next " in portrait mode and not horizontal (and this is strange ... oh ! ) , to the second , I do not want to see this section and I turn off in settings article but it seems in any case!

Attachments:

This image is hidden for guests. Please log in or register to see it.

Reply Quote

Posts:11
icortellessa
Fresh Boarder
OFFLINE
Karma: 0

Re: pagination and navigation 13 Apr 2015 02:45 #6519

Can you please send me your website url?

joomfreak

Reply Quote

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: pagination and navigation 13 Apr 2015 13:11 #6522

hi, at the bottom of this page www.visitamoricone.it/it/percorsi.html you can see my problem.
sorry for my english.
i hope you che help me

Reply Quote

Posts:11
icortellessa
Fresh Boarder
OFFLINE
Karma: 0

Re: pagination and navigation 14 Apr 2015 02:30 #6524

You can add below css to templates/jf_calla-exteriors/css/template.css:

 
/* --- Pagination --- */
div.pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;}
div.pagination ul {text-align:center;}
div.pagination ul li {background: url(../images/panigation.png) no-repeat;color:#fff;font-family: misobold;font-size:24px;display:inline-block;line-height:46px;height:51px;width:57px;margin:0 5px;}
div.pagination ul li a {color: #fff;}
div.pagination ul li.pagination-start {background: url(../images/panigation-start.png) no-repeat;}
div.pagination ul li.pagination-prev {background: url(../images/panigation-prev.png) no-repeat;}
div.pagination ul li.pagination-next {background: url(../images/panigation-next.png) no-repeat;}
div.pagination ul li.pagination-end {background: url(../images/panigation-end.png) no-repeat;}
div.pagination ul li.pagination-start span,
div.pagination ul li.pagination-prev span,
div.pagination ul li.pagination-next span,
div.pagination ul li.pagination-end span,
div.pagination ul li.pagination-start a,
div.pagination ul li.pagination-prev a,
div.pagination ul li.pagination-next a,
div.pagination ul li.pagination-end  a {
	color: transparent;
}