{"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":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>Change Individual Menu item color<\/p>\n<div id=\"wrapper\">\n<div class=\"inner-content\">\n<p>In Appearance &gt; 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<div id=\"attachment_54849\" class=\"wp-caption aligncenter c1\"><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2014\/11\/00003075.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54849\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2017\/06\/00003075.png\" alt='Fig.1. Enable \"Class\" setting for a menu.' width=\"1205\" height=\"244\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig.1. Enable \u201cClass\u201d setting for a menu.<\/p>\n<\/div>\n<p>You can add a custom class in this filed (fig.2.) and apply custom CSS to this class.<\/p>\n<div id=\"attachment_54859\" class=\"wp-caption aligncenter c2\"><a href=\"http:\/\/support.dream-theme.com\/wp-content\/uploads\/2014\/11\/2017-06-07_1110.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54859\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2017\/06\/2017-06-07_1110.png\" alt=\"Fig.2. Adding an extra class for a menu item.\" width=\"561\" height=\"372\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig.2. Adding an extra class for a menu item.<\/p>\n<\/div>\n<p>The rules need to be inserted into Theme Options \u2013 Advanced \u2013 Custom CSS. Example:<\/p>\n<p>\/\/For menu color<\/p>\n<p><code>#primary-menu .dt-my-button .menu-text {<br \/>color: #eeee22;<br \/><\/code><\/p>\n<p>\/\/For backround color<\/p>\n<p><code>#primary-menu .dt-my-button a {<br \/>background-color: #c36;<br \/><\/code><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Change Individual Menu item color In Appearance &gt; 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.&hellip;<\/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}]}}