Question

хочу изменить переключатель страниц в новостях сайта, а шаблон не редактиется... что может быть? меняю $COM_PAGE_SELECTOR1$ на $COM_PAGE_SELECTOR$ сохраняю и ничего не меняется... кеш и куки чистил, в чем проблема? если даже стереть код, он остается.

Answer 1

Данный переключатель для блока с комментариями, не общий для страницы архива новостей. Где у вас так много комментариев, что вы хотите поменять переключатель? Наведите пример новостей, ссылки.

Comments

может я не правильно высловился, 

вот этот переключатель хочу изменить на такой

как это сделать?

html код

<link rel="stylesheet" type="text/css" href="https://mankovkash1.at.ua/assets/page_selector.css">
<ul class="pagination modal-2">
 <li><a href="#" class="prev">&laquo </a></li>
 <li><a href="#">1</a></li>
 <li> <a href="#">2</a></li>
 <li> <a href="#" class="active">3</a></li>
 <li> <a href="#">4</a></li>
 <li> <a href="#">5</a></li>
 <li> <a href="#">6</a></li>
 <li> <a href="#">7</a></li>
 <li> <a href="#">8</a></li>
 <li> <a href="#">9</a></li>
 <li><a href="#" class="next"> &raquo;</a></li>
</ul><br>

css код переключателя

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: arial;
}

body {
  text-align: center;
  font-family: arial;
}

.pagination {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin-top: 10px;
}
.pagination li {
  display: inline;
  text-align: center;
}
.pagination a {
  float: left;
  display: block;
  font-size: 14px;
  text-decoration: none;
  padding: 5px 12px;
  color: #fff;
  margin-left: -1px;
  border: 1px solid transparent;
  line-height: 1.5;
}
.pagination a.active {
  cursor: default;
}
.pagination a:active {
  outline: none;
}

.modal-2 li:first-child a {
  -moz-border-radius: 50px 0 0 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px 0 0 50px;
}
.modal-2 li:last-child a {
  -moz-border-radius: 0 50px 50px 0;
  -webkit-border-radius: 0;
  border-radius: 0 50px 50px 0;
}
.modal-2 a {
  border-color: #ddd;
  color: #999;
  background: #fff;
}
.modal-2 a:hover {
  color: #E34E48;
  background-color: #eee;
}
.modal-2 a.active, .modal-2 a:active {
  border-color: #E34E48;
  background: #E34E48;
  color: #fff;
}

---

Олег #6,

этот код не подойдет для изменения дизайна системного переключателя страниц

---

Олег #6,

Вы не то меняете $COM_PAGE_SELECTOR1$ и $COM_PAGE_SELECTOR$ в архиве новостей этим кодом ничего не меняется. Уточните ссылку на сайт где вы увидели такой переключатель как вы хотите, посмотрим, можно ли так сделать для Юкоз.

---

webanet,

ок.. подскажите пожайлуста какой код в таблице стилей css отвечает за переключатель?

---

Yuri_Geruk,

https://codepen.io/kocsten/pen/xxbBzJE второй вариант... я так понял нужно менять только стиль в своем css?

---

Олег #6,

только стиль. код можно было посмотреть в инспекторе

id="pagesBlock1" весь блок

.swchItem .swchItemA кнопка без ссылки. кнопка с ссылкой

---

webanet,

у меня нет в css такого кода. поиском искал

pagesBlock1 нету

.swchItem .swchItemA  тоже нету

 

---

Олег #6,

их можно добавить с вашими значениями. значения

pagination применить к swchItem

pagination а применить к swchItemA

modal-2применить к pagesBlock1

 

---

Олег #6,

Конечно так красиво сложно сделать как на примере, но могу посоветовать прописать в стили:

#pagesBlock1,#pagesBlock2 { 
  margin:0 auto;
  display:table;
  width:auto;
  height:auto;
  padding:10px;  
  border-color: #ddd;
  color: #4285F4!important;
  border-radius:3px;
  background: #fff; 
}
.swchItem,b.swchItemA a.swchItemA {
  text-align:center;  
  text-decoration:none!important;
  font-size:14px;
  margin:0 auto;   
  padding:10px;  
  border-color: #ddd;

  color: #4285F4!important;
  border-radius:3px;
  background: #fff;
  
}
.swchItemA,.swchItem:hover {
    font-size:14px;
    padding:10px;
    border-color: #4285F4;
    border-radius:0;
    background: #4285F4;
    color: #fff!important;
}

---

Yuri_Geruk,

Спасибо, ваш пример работает) попробую сделать по инструкцыи как выше предлагают. если не выйдет оставлю ваш вариан только цвет фона с голубого на темно-красный поставлю)

---

webanet,

а можно пример применения первого блока?

.swchItem pagination{

}

такой пример применения?

---

Олег #6,

нельзя, у вас для пагинации не применяется класс pagination, это лишь на том примере он есть