Как изменить цвет одного пункта в меню wordpress?

Question

[squirtazzer]

Привет, заказчик требует чтобы один из пунктов стандартного меню wp, был другого цвета. Как это можно реализовать?

Answer 1

[Денис Янчевский]

.cite a {
    color: gold;
}

Comments

[squirtazzer]

спасибо получилось)))

[squirtazzer]

.cite {
color: red;
font-style: italic;
}

вот так прописал

[squirtazzer]

дело в том что цвет фона меняется курсив меняется,а сам цвет шрифта нет. видимо потому что он жестко в настройках задается.
test-motorr.ru (пункт меню luxfilm)

[zorca]

squirtazzer, Цвет шрифта потому что переписывается стилями для ссылки, отсюда и работает только если применить стиль так: .cite a. Вам бы курс HTML|CSS пройти для начала. )

[squirtazzer]

zorca, .вменю пишу
cite a
в ксс

.cite a {
color: red;
}

ничего не меняется

[squirtazzer]

zorca,

пишу в ксс

.color_red_menu{
background-color: #f88688
}

а в меню
.color_red_menu{
меняется только фон.

[zorca]

squirtazzer, в консоль зайдите и проверьте наличие нужного вам класса, который должен был навеситься на элемент li:
joxi.ru/nAyeG8WcYROaJA

Если класс подставился, то в чем у вас проблема? В непонимании принципов работы CSS видимо?
Стилизуете ссылку в меню и все:

.menu .menu-element-red a {
  color: red;
}

[squirtazzer]

zorca,

в ксс

.color_red_menu{
background-color: #d03333
}
https://hkar.ru/R29L

в меню

color_red_menu
https://hkar.ru/R29M
в том то и дело,бекграунд меняется,сама ссылка нет...видимо из за того что цвет жестко привязан к настройкам темы коры,ибо в настройке темы нет бекграунда.и меняется только он

[zorca]

squirtazzer, уффф, тяжко с вами. Бегом на любые курсы HTML+CSS для новичков, пока не все потеряно. И перечитайте мое предыдущее сообщение, возможно раза три. Вы пытаетесь изменить цвет элемента списка: li, а вам нужно изменить цвет ссылки li a.В самом тяжелом случае цвет может быть прописан инлайново для пункта меню, но и в этом случае можно решить при помощи !important.

[squirtazzer]

zorca, zorca,
.menu .menu-element-red a !important {
color: red !important;
не помогло

[Денис Янчевский]

squirtazzer, Адрес сайта есть, где можно посмотреть?

[squirtazzer]

Денис Янчевский, test-motorr.ru

[Денис Янчевский]

squirtazzer,

.color_red_menu a {
    color: red !important;
}

[squirtazzer]

Денис Янчевский, спасибо большое

Answer 2

[Павел]

Написать стили

Comments

[squirtazzer]

как это сделать?
вот я внес в ксс
.cite
color: gold;
}
и в меню класс ксс внес cite
ничего не поменялось

Answer 3

[zorca]

Включить классы для пунктов меню:
joxi.ru/L213EbDu83eRpr
joxi.ru/BA0aEvBuJRgMOr
Класс навесится на тег li, обертку для a.

Comments

[squirtazzer]

какие классы там прописать?

[Алексей]

squirtazzer, какие угодно, напишите класс .color_red_menu например
.color_red_menu{
background-color: #f88688
}

Странно, что вы этого не знайте, учитывая, что у вас есть "Заказчик", которому вы делайте сайт на wordpress

[zorca]

squirtazzer, вы меня спрашиваете? Создаете в style.css нужный вам класс для раскраски пунктам меню, например:

.menu .menu-element-red a {
  color: red;
}

И добавляете к пункту меню класс menu-element-red.