Стиль пагинации css


webledi
276

Добрый день!

Помогите, пожалуйста, со стилями пагинации внизу:

https://planeta2.romanticcollection.ru/category/romantika/

Нужно, чтобы получилось вот так:

Стили плагина wp-pagenavi задают на сайте border: 1px solid #BFBFBF; а если их убрать, бюрдюры по бокам не показываются.


Dram

span.current {

border-left-color: #00f0d1 !important;

border-right-color: #a966ee !important;

background-size: 100% 2px;

background-position: 0 0, 0 100%;

background-repeat: no-repeat;

background-image: linear-gradient(51deg, #00f0d1, #a966ee), linear-gradient(51deg, #00f0d1, #a966ee);

}

.wp-pagenavi a, .wp-pagenavi span {

text-decoration: none;

border: 1px solid #BFBFBF;

padding: 3px 5px;

margin: 2px;

}


webledi

К сожалению, всё тоже самое остается.


Sitealert

webledi:
бюрдюры по бокам

Жесть. 😀

1. В /wp-content/plugins/wp-pagenavi/pagenavi-css.css

для .wp-pagenavi a, .wp-pagenavi span

убрать border: 1px solid #BFBFBF;

2. В /wp-content/themes/planeta/css/custom.css

для .wp-pagenavi a, .wp-pagenavi span

убрать border: 2px solid transparent;


webledi

Sitealert:
Жесть. 😀

1. В /wp-content/plugins/wp-pagenavi/pagenavi-css.css

Это файл стилей плагина, его изменять не стоит, либо придется это делать каждый раз при обновлении плагина. Так бы конечно удалила отсюда или стили пагинации добавила в pagenavi-css.css


Sitealert

Ну перекройте стили плагина кастомными стилями, кто Вам мешает?


webledi

Sitealert:
Ну перекройте стили плагина кастомными стилями, кто Вам мешает?

А как изменить код и добавить в custom.css, чтобы с этой границей справиться?

.wp-pagenavi a:hover, .wp-pagenavi span.current {

border-color: #000;
}


Sitealert

В /wp-content/plugins/wp-pagenavi/pagenavi-css.css там, где определены стили для для .wp-pagenavi a, .wp-pagenavi span (строка 3483)

border: none !important;
border-right: 2px solid transparent !important;
border-left: 2px solid transparent !important;

Это !important нужно добавить, потому что дебилы, создавшие тему, вставили кастомные стили раньше стилей плагинов.


webledi

Спасибо, получилось!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *