Boa tarde!
Não sei se ainda precisa de ajuda pelo tempo que passou, mas vou fazer a minha parte 😉
1º – Alterar o texto “Shopping Cart” e outros.
Você vai em Aparência > Editor e selecione para editar o arquivo “Cabeçalho (header.php)”
Aperte as teclas Ctrl + F e vai abrir no canto inferior esquerdo uma janela para localizar uma palavra. Digite “Shopping” (sem as aspas). Você vai ver um trecho marcado dentro da seguinte parte do código:
<a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" id="shopping-cart"></a>
<h6><?php _e('Shopping Cart', 'dessky'); ?></h6>
<p><?php _e( 'You have', 'dessky' ); ?> <?php
//* display items number */
$transl_item = __( 'item', 'dessky' );
$transl_items = __( 'items', 'dessky' );
As seguintes partes em negrito: “(‘Shopping Cart‘, ‘dessky’)”, “( ‘You have‘, ‘dessky’ )” e “( ‘items‘, ‘dessky’ )”, são as que você irá substituir respectivamente por: “Carrinho de Compras”, “Você tem” e “itens”, para que fique tudo em Português.
2º – Tirar o campo de busca
Ainda em Aparência > Editor, selecione para editar o arquivo “Folha de Estilos (style.css)”
Aperte novamente as teclas Ctrl + F e na janela que se abrirá, digite “#searchform” (sem as aspas).
Você verá um trecho marcado na seguinte parte do código:
/* search */
#navigation #searchform{
position:relative;
float:right;
margin-right:8px;
margin-top:8px;
display: none;
}
A última linha (display: none;) não existe, mas você vai acrescentá-la para fazer sumir o campo de busca que deseja.
3º – Alterar a cor da barra de menu
Ainda no mesmo arquivo style.css, você vai digitar lá na busca “#navigation” (sem as aspas).
O primeiro item que aparecerá marcado é o que você já está, então clique na seta para pular para o próximo item encontrado. Ele te guiará até esse trecho:
/* TOP MENU */
#navigation{
position:relative;
z-index:200;
margin:0;
padding:0px;
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAwCAIAAABWuiesAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkJEMTNFRkIyOURDMTFFMjk3MEJDNjVCREJDRjMwQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkJEMTNFRkMyOURDMTFFMjk3MEJDNjVCREJDRjMwQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QkQxM0VGOTI5REMxMUUyOTcwQkM2NUJEQkNGMzBBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QkQxM0VGQTI5REMxMUUyOTcwQkM2NUJEQkNGMzBBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puy/4uEAAAAqSURBVHjaYvz69SsDEmD5//8/Mp+JARWQyifVvOGufjQ8qKueUvMAAgwAvh8wMC5zfx0AAAAASUVORK5CYII=') repeat-x;
height:48px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
Você precisará apagar a função “background” ou apenas desabilitar, utilizando /* antes da palavra “background” e */ após o “repeat-x;”.
Após feito isso, é só acrescentar a função “background-color: red;“
(nesse caso usei “red” como exemplo, mas você vai colocar a cor que você quiser).
Espero ter ajudado!
