{"id":4140,"date":"2020-05-23T19:58:26","date_gmt":"2020-05-23T19:58:26","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=4140"},"modified":"2020-05-29T13:20:15","modified_gmt":"2020-05-29T13:20:15","slug":"change-individual-menu-item-color","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/dream-theme-support-portal\/change-individual-menu-item-color\/","title":{"rendered":"Change Individual Menu item color"},"content":{"rendered":"

<\/head><\/p>\n

Change Individual Menu item color<\/p>\n

\n
\n

In Appearance > Menus, each menu item has CSS Classes (optional) filed which you can enable from Screen Options tab (in the upper right corner, fig.1):<\/p>\n

Fig.1. Enable \"Class\" setting for a menu.<\/a><\/p>\n

Fig.1. Enable \u201cClass\u201d setting for a menu.<\/p>\n<\/div>\n

You can add a custom class in this filed (fig.2.) and apply custom CSS to this class.<\/p>\n

\"Fig.2.<\/a><\/p>\n

Fig.2. Adding an extra class for a menu item.<\/p>\n<\/div>\n

The rules need to be inserted into Theme Options \u2013 Advanced \u2013 Custom CSS. Example:<\/p>\n

\/\/For menu color<\/p>\n

#primary-menu .dt-my-button .menu-text {
color: #eeee22;
<\/code><\/p>\n

\/\/For backround color<\/p>\n

#primary-menu .dt-my-button a {
background-color: #c36;
<\/code><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Change Individual Menu item color In Appearance > Menus, each menu item has CSS Classes (optional) filed which you can enable from Screen Options tab (in the upper right corner, fig.1): Fig.1. Enable \u201cClass\u201d setting for a menu. You can add a custom class in this filed (fig.2.) and apply custom CSS to this class.…<\/p>\n","protected":false},"author":2,"featured_media":4532,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[30,31],"tags":[],"class_list":["post-4140","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dream-theme-support-portal","category-knowledgebase","category-30","category-31","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=4140"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4140\/revisions"}],"predecessor-version":[{"id":4614,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/4140\/revisions\/4614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/4532"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=4140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=4140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=4140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}