Como mudar a cor dos itens da barra do cabeçalho? Me ajudem?

Minha loja: https://www.fuscadadrika.com.br/ (o tema é comprado)

Eu gostaria de mudar a cor dos ícones das redes sociais e os textos da barra inicial… Gostaria tbm de mudar os textos e ícones do container (minha conta, carrinho) e a cor da barra de busca… Quero mudar também as cores dos títulos como por exemplo “Lançamentos” “Mais vendidos” " Destaque"

1 curtida

Cores dos ícones da rede social:

  #rodape .lista-redes [class^=icon] {
   color: red;
  }
  .barra-inicial .lista-redes [class^=icon] {
   color: red;
  }
  #rodape .lista-redes ul li:hover a i {
    color: yellow;
  }
  #rodape .lista-redes ul li:hover a {
    background: blue;
  }
  .barra-inicial .lista-redes ul li:hover a i {
    color: blue;
  }

cor das bordas das redes sociais

#rodape .lista-redes ul li a {
    border: solid 2px green;
}

Cores dos títulos:

#listagemProdutos.listagem .titulo-categoria strong, #listagemProdutos.listagem>.titulo, .listagem.aproveite-tambem .titulo-categoria strong, .listagem.aproveite-tambem>.titulo {
    color: blueviolet;
}

Barra de busca!

#cabecalho .busca input, #cabecalho .busca input:focus {
    background: chartreuse;
    color: coral;
}
#cabecalho .busca .botao {
    color: blueviolet;
}
#cabecalho .busca .botao:hover {
    color: red;
}

Cores minha conta e sacola

#cabecalho .actions>li>a .icon .a {
	fill: red;
}
#cabecalho .actions>li>a {
	color: blueviolet;
}
#cabecalho .actions>li:hover .total-cart, #cabecalho .actions>li:hover a {
	color: red;
}
#cabecalho .account .account-list {
	border-top: solid 2px red;
}
#cabecalho .carrinho>a i .icon {
    fill: red;
}
#cabecalho .carrinho .wrap .total-cart {
    color: red;
}
#cabecalho .carrinho .qtd-carrinho {
    background: red;
    border: solid 1px red;
}

Eu gostaria de mudar a cor dos ícones das redes sociais e os textos da barra inicial…

Cores: OK

Gostaria tbm de mudar os textos e ícones do container (minha conta, carrinho) e a cor da barra de busca…

Cores: OK

Quero mudar também as cores dos títulos como por exemplo “Lançamentos” “Mais vendidos” " Destaque"

Cores OK

1 curtida

Mudou somente os icones do rodapé, do cabeçalho não… sabe porque?

pq só fiz do rodapé, você não especificou qual, então achei que era esses…

ah sim kkk é que escrevi que era no cabeçalho somente no título… muito obrigada pelos códigos, deram certo… falta isso que preciso mudar ainda:

Consegui fazer essas mudanças sozinha, segue o código caso alguém precise:

BORDA PRETA DA PÁGINA DE IDENTIFICAÇÃO:

element.style {
}
.atributos ul li a:hover, .atributos ul li.active a, .borda-principal, .elastislide-carousel ul li.active a, .tema-scuro .nav-tabs li.active a {
border-color: #babaff;}

element.style {
}
.cadastro legend {
border-color: #F7BAD6;}

COR DOS BOTÕES:
element.style {
}
.botao.principal, .botao.principal:hover, .dropdown-menu>li>a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .flex-control-paging li a.flex-active, .fundo-principal, .menu li:hover>a .fundo-secundario, .menu-simples li a:hover, .menu-simples li.active a {
background: #F7BAD6; }

COR DA FONTE (EMAIL E SENHA):
element.style {
}
.cadastro label {
color: #3F3E3E;
font-weight: 600;
}

COR DO TÍTULO DO RODAPÉ:
element.style {
}
#rodape .institucional .titulo {
color: #9999FF;
}

COR DO TEXTO DO RODAPÉ:
#rodape .institucional a, #rodape .institucional p {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
}

REMOÇÃO DO BOTÃO “CONFERIR” NO RODAPÉ:
#rodape .sobre-loja-rodape .more{
display: none;
}

1 curtida

Você pode me passar o código pra deixar a "Minha conta"e a sacola do jeito que tá no seu site? um do lado do outro e sem contorno