Wiktorian
Member
- Регистрация
- 01.01.2015
- Сообщения
- 12
В вордпресс код <?php next_post_link(); ?> выводит ссылку на следующую запись, как изменить стиль этой ссылки?
У меня ссылки имеют свой стиль который отображает их в виде кнопок. Как выводимую кодом ссылку представить в виде кнопки со стилем class="button15" .
Вот стиль
Пробовал и так
Бесполезно выводится обычная ссылка, стили не применяются. Пробовал менять <span> на <div> стили не применяются к div и span с любым содержимым.
А если так <a href="#" class="button15" >Случайное</a> всё выходит . В стилях "a.button15" заменял на "span.button15" стабильно бесполезно. Уже вторую неделю бьюсь не выходит.
У меня ссылки имеют свой стиль который отображает их в виде кнопок. Как выводимую кодом ссылку представить в виде кнопки со стилем class="button15" .
Вот стиль
Код:
a.button15 {
display: inline-block;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: bold;
color: rgb(68,68,68);
text-decoration: none;
user-select: none;
padding: .2em 1.2em;
outline: none;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
transition: all .218s ease 0s;
}
a.button15:hover {
color: rgb(24,24,24);
border: 1px solid rgb(198,198,198);
background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
color: rgb(51,51,51);
border: 1px solid rgb(204,204,204);
background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}
Код:
<span class="button15">< ?php next_post_link(); ?></span>
А если так <a href="#" class="button15" >Случайное</a> всё выходит . В стилях "a.button15" заменял на "span.button15" стабильно бесполезно. Уже вторую неделю бьюсь не выходит.