How to change color of one menu item in wordpress?

Hi, the customer requires that one of the points of the standard wp menu, was of a different color. How it can be implemented?
June 14th 19 at 20:51
3 answers
June 14th 19 at 20:53
Solution
To write styles
how to do it?
so I made a CSS
.cite
color: gold;
}
and the menu class KSS has made a cite
nothing has changed - Keagan_Cartwright commented on June 14th 19 at 20:56
June 14th 19 at 20:55
Solution
To enable the classes to the menu items:
joxi.ru/L213EbDu83eRpr
joxi.ru/BA0aEvBuJRgMOr
The class will be hung on the li tag, the wrapper for a.
what classes are there to prescribe? - Keagan_Cartwright commented on June 14th 19 at 20:58
what you want, write class .color_red_menu for example
.color_red_menu{
background-color: #f88688
}

It is strange that you do not know, given that you have a "Customer" that you make a website on wordpress - Keagan_Cartwright commented on June 14th 19 at 21:01
you asking me? Create in style.you need a css class for coloring the menu items, for example:
.menu .menu-element-red a {
 color: red;
}

And add to the MenuItem class menu-element-red. - luisa.Schul commented on June 14th 19 at 21:04
June 14th 19 at 20:57
Solution
.cite a {
 color: gold;
}
thanks turned out))) - Keagan_Cartwright commented on June 14th 19 at 21:00
.cite {
color: red;
font-style: italic;
}

so ordered - Keagan_Cartwright commented on June 14th 19 at 21:03
the fact that the background color changes changing italic,and the font color is not. probably because he firmly set in the settings.
test-motorr.ru (menu item luxfilm) - luisa.Schul commented on June 14th 19 at 21:06
The font color because it is overwritten by the styles for links, hence only works if you apply the style like this: .cite a. You would course HTML|CSS to go to start. ) - Baylee_Kulas commented on June 14th 19 at 21:09
, .impute write
cite a
in KSS

.cite a {
color: red;
}

nothing changes - Keagan_Cartwright commented on June 14th 19 at 21:12
,

write to KCC

.color_red_menu{
background-color: #f88688
}

and the menu
.color_red_menu{
changing only the background. - Keagan_Cartwright commented on June 14th 19 at 21:15
, в консоль зайдите и проверьте наличие нужного вам класса, который должен был навеситься на элемент li:
joxi.ru/nAyeG8WcYROaJA

Если класс подставился, то в чем у вас проблема? В непонимании принципов работы CSS видимо?
Стилизуете ссылку в меню и все:
.menu .menu-element-red a {
  color: red;
}
- Keagan_Cartwright commented on June 14th 19 at 21:18
,

in KSS

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

menu

color_red_menu
https://hkar.ru/R29M
in that case,the background is changed,the reference itself is not...probably due to the fact that the color is tied to the theme settings of the crust,because the theme setting there is no background.and only change it - Baylee_Kulas commented on June 14th 19 at 21:21
, ufff, hard to you. Run any courses on HTML+CSS for beginners, yet all is not lost. And reread my previous message, perhaps three times. Are you trying to change the color of list item: li, and you need to change the color of links li a.In the worst case, the color has to be specified in an inline for a menu item, but in this case it is possible to solve with the help !important. - Keagan_Cartwright commented on June 14th 19 at 21:24
, ,
.menu .menu-element-red a !important {
color: red !important;
did not help - Keagan_Cartwright commented on June 14th 19 at 21:27
The address of the website where you can look? - Baylee_Kulas commented on June 14th 19 at 21:30
, test-motorr.ru - Keagan_Cartwright commented on June 14th 19 at 21:33
,
.color_red_menu a {
 color: red !important;
}
- Baylee_Kulas commented on June 14th 19 at 21:36
thank you very much - Keagan_Cartwright commented on June 14th 19 at 21:39

Find more questions by tags WordPressUser's navigation