مشکل قالب با نمایش صفحه بندی یا Pagination در یوتم YOOtheme که با قرار دادن کدها و فایل های زیر این خطا از بین خواهد رفت.
در قسمت templates/yootheme/css کد زیر را که در پیوست وجود دارد قرار دهید.
/*
UIkit pagination for "foreign" pagination
using different HTML structure and classes:
*/
.span12 ul {
padding: 0;
list-style: none;
text-align: center;
font-size: 0.001px;
}
.span12 ul:before,
.span12 ul:after {
content: " ";
display: table;
}
.span12 ul:after {
clear: both;
}
.span12 ul > li {
display: inline-block;
font-size: 1rem;
vertical-align: top;
}
.span12 ul > li:nth-child(n+2) {
margin-right: 5px;
}
.span12 ul > li > a,
.span12 ul > li > span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
border-radius: 4px;
}
.span12 ul > li > a {
background: #f7f7f7;
color: #444444;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
text-shadow: 0 1px 0 #ffffff;
}
.span12 ul > li > a:hover,
.span12 ul > li > a:focus {
background-color: #fafafa;
color: #444444;
outline: none;
background-image: none;
}
.span12 ul > li > a:active {
background-color: #f5f5f5;
color: #444444;
border-color: rgba(0, 0, 0, 0.2);
border-top-color: rgba(0, 0, 0, 0.3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}
.span12 ul > li > span {
background: #52b4df;
color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom-color: rgba(0, 0, 0, 0.4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #5cc0ea, #4cacd7);
background-image: linear-gradient(to bottom, #5cc0ea, #4cacd7);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.span12 ul > .uk-disabled > span {
background-color: #fafafa;
color: #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 0 #ffffff;
}
.span12 ul .pagination-prev {
float: right;
}
.span12 ul.pagination-next {
float: right;
}
.span12 ul .pagination-prev {
float: none;
}