Joomla! frequently asked questions

Page Navigation do not display horizontally

  • Print
User Rating:  / 1
PoorBest 

Ask

Hello! I'm just wondering if somebody can help me change the design of the News page of this website of a company I work for? When you have more than five articles on the page one new page is created. Below the five latest news, this text appear:

More Articles...
1. Some article
Page 1 of 2
•Start
•Prev
•1
•2
•Next
•End

The text really looks like this. How do I change the design? Do you need the website's URL or is that unneccessary?

Answer

Try to adding to your template css:

/* ++++++++++++++  pagination  ++++++++++++++ */

.pagination {
        margin:10px 0 ;
        padding:10px 0 10px 0px;
        clear:both;
}

.pagination ul {
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
}

.pagination li {
        display:inline;
        padding:2px 5px;
        text-align:left;
        border:solid 0px #eee;
        margin:0 2px;
}

.pagenav {
        padding:2px; clear: both;
}

.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {
        border:0;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span {
        padding:0;
}

p.counter {
        font-weight:bold;
}