Ol\u00e1 amigos, preciso de um help de voc\u00eas.<\/p>\n
\u00c9 o seguinte, estou desenvolvendo um tema para um blog, e foi solicitado que a cor de um determinado item do menu quando ativos em sua pr\u00f3pria pagina, esse item (link) teria a cor diferente do restante dos links do menu, so que um detalhe… rsrsrs<\/p>\n
Para cada pagina ativa a cor do item do menu (link) da pagina seria diferente.<\/p>\n
Segue o Link de como esta no momento o projeto:<\/p>\n
http:\/\/studiomango.com.br\/cdn<\/p>\n
Eu consegui customizar a cor do link quando ele esta ativo na “current page”, porem so com uma cor. Gostaria que quando estivesse na home o link ativo da current page fosse “verde” e quando estivesse na pagina sustentabilidade, o link ativo da current page fosse “azul”, e dessa mesma forma alterar os outros itens do menu.<\/p>\n
segue o c\u00f3digo do meu css:<\/p>\n
\/* Menu *\/<\/p>\n
.theme_menu{
\n\twidth: 1000px;
\n\tbackground-color: #FFF;
\n\tbackground-image: none;
\n}
\n.theme_menu ul li{
\n\tdisplay:inline-block;
\n\tposition:relative;
\n}
\n.theme_menu ul li a{
\n\tdisplay: block;
\n\tfont-family: Arial, Helvetica, sans-serif;
\n\tfont-size: 13px;
\n\tcolor: #666;
\n\ttext-decoration: none;
\n\tletter-spacing: normal;
\n\tword-spacing: 1px;
\n\tpadding-top: 10px;
\n\tpadding-right: 10px;
\n\tpadding-bottom: 10px;
\n\tpadding-left: 10px;
\n}
\n.theme_menu ul li ul li{
\n\tdisplay:block;
\n}<\/p>\n
\/* Menu Itens*\/<\/p>\n
.home-nav {<\/p>\n
}<\/p>\n
.theme_menu li.home-nav a:hover {
\n\tcolor: #0C3;
\n}<\/p>\n
.theme_menu .current_page_item > a, .main-navigation .current-menu-parent > a {
\n\tcolor: #00CC33;
\n\tfont-weight: bold;
\n\t}<\/p>\n
.sustenta-nav {<\/p>\n
}<\/p>\n
.theme_menu li.sustenta-nav a:hover {
\n\tcolor: #3FF;
\n}<\/p>\n
.responsa-nav {<\/p>\n
}<\/p>\n
.theme_menu li.responsa-nav a:hover {
\n\tcolor: #F90;
\n}<\/p>\n
.gera-nav {
\n}<\/p>\n
.theme_menu li.gera-nav a:hover {
\n\tcolor: #F03;
\n}<\/p>\n
.cult-nav { <\/p>\n
}<\/p>\n
.theme_menu li.cult-nav a:hover {
\n\tcolor: #F0C;
\n}<\/p>\n
.curioso-nav { <\/p>\n
}<\/p>\n
.theme_menu li.curioso-nav a:hover {
\n\tcolor: #FF0;
\n}<\/p>\n
.agenda-nav { <\/p>\n
}<\/p>\n
.theme_menu li.agenda-nav a:hover {
\n\tcolor: #0C3;
\n}<\/p>\n
.nav-primary a:hover, {
\n color: #333;
\n\tbackground: #fff;
\n}<\/p>\n
.current-menu-item > a {
\n\tcolor: #C6F;
\n}<\/p>\n
.menu-primary a:hover {
\n-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
\n-moz-box-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
\nbox-shadow: 5px 5px 5px rgba(50, 50, 50, 50);
\n}<\/p>\n
.menu-primary a, .menu a {
\ncolor: #fff;
\n}<\/p>\n
.genesis-nav-menu .sub-menu a {
\ncolor: #333;
\n}<\/p>\n
#menu-primary ul li a.home-nav {
\n\tcolor: #F0F;
\n}<\/p>\n
Se algu\u00e9m ai me ajudar, desde ja agrade\u00e7o.<\/p>\n
Obrigado.<\/p>\n","protected":false},"template":"","class_list":["post-41702","topic","type-topic","status-closed","hentry","topic-tag-cor","topic-tag-css","topic-tag-itens","topic-tag-menu","topic-tag-php"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/41702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/41702\/revisions"}],"wp:attachment":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=41702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}