Изменить стиль тегов на главной странице для темы twentyeleven



отображение стандартного стиля тегов


Изменить стиль отображения тегов в теме twentyeleven (может подойти и к другим темам)
Если сделать все правки правильно то стиль тегов будет выглядеть как на картинке ниже

измененный стиль тегов в теме twentyeleven

Открываем файл content.php которые находиться по пути /wp-content/themes/twentyeleven
Ищем код

изменяем названия класса стиля с tag-links на tagstyle Далее открываем файл style.css в самом конце вставляем следующий код:

/* стиль для каждого тега объекта */
background: #48bbff;
border-radius: 0 3px 3px 0;
padding: 0px 5px 4px 7px;
position: relative;
color: #fff;
display: inline-block;
text-decoration: none;
font-family: Arial;
font-size: 13px;
margin: 0px 0px 4px 15px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}

.tagstyle a:before {
content: '';
position: absolute;
left: -13px;
bottom: 0px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 12px 13px 10px 0px;
border-color: transparent #48bbff transparent transparent;
}

.tagstyle a:after {
content:'';
background: #fff;
width:5px;
height:5px;
border-radius:5px;
display:block;
position: absolute; /* Абсолютное позиционирование */
left: -3px; top: 9px; /* Положение треугольника */
}

.tagstyle a:hover {
box-shadow:inset -1px 0 2px rgba(0,0,0,0.15);
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
color:#fff;
}
/* стиль для тегов конец */

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