Я пытаюсь оформить пагинацию WP-файловой базы на странице. Я использовал WP-pagenavi в статьях в блогах и добился того, что хотел: цифры в прямоугольниках рядом.
Поскольку я не нашел способа использовать WP-pagenavi с WP-файловой базой (я также читал, что он не работает со страницами в WP), я попытался стилизовать нумерацию страниц в WP-файловой базе, чтобы она выглядела одинаково, но я получайте только числа в полях рядом, НО пробел между ними.
Я пытался использовать margin-left, чтобы избавиться от пробелов, но потом у меня появились другие проблемы. Граница при наведении не отображается справа. Кажется, что коробки перекрывают друг друга с правой стороны. Как это исправить с помощью css?
Мой css выглядит так:
.tablenav-pages {
clear: both;
border-radius: 0;
font-family: 'Gotham A','Gotham B', sans-serif;
font-weight: 300;
padding: 6px 14px;
font-size: 15px;
/* margin-left: 6px;*/
}
.tablenav-pages a, .tablenav-pages span {
text-decoration: none;
color: #a30083;
background-color: #fff;
border: 1px solid #ddd;
padding: 6px 14px;
/* margin-left: -6px;*/
}
.tablenav-pages a:hover {
border-color: #a30083;
background-color: #fff;
padding: 6px 14px;
}
.tablenav-pages span.current {
background-color: #a30083;
border-color: #a30083;
color: #fff;
padding: 6px 14px;
}
div.tablenav-pages {
padding-left: 0;
padding-right: 0;
float: left;
}
