Ajuste de tema

olá @lukaizh,

para melhor personalização do tema, sugiro que leia toda a documentação do tema, que inclusive é muito bem redigida e ilustrada,

https://mageewp.com/manuals/theme-guide-daisy-store.html

pela documentação, apesar de não falar diretamente sobre o “Search”, acredito que ele se encontra em

Menu do WordPress > Aparência > Personalizar > Daisy Store: Header Options ou Daisy Store: General Options

se não houver essa opção, sugiro que instale o plugin Loco Translate e pesquisa por “Search” no arquivo de idioma do tema.

sobre o que você chama de “nome principal da página”, vou entender que está falando do título da página, que no caso do link que passou é referente a “Móveis & Decoração”. ele está configurado com “float:left”, por isso está alinhado do lado esquerdo. para mudar isso, vá em

Menu do WordPress > Aparência > Personalizar > CSS Adicional

e adicione o código abaixo:

.woocommerce-products-header {
float: none;
}

também pode aproveitar esse código e inserir alguns CSS, como alterar o tamanho da fonte, que ficaria,

.woocommerce-products-header {
float: none;
font-size: 16px; /* mude para o valor que desejar, clique em Publicar no topo e veja na página que o tamanho lhe agrada */
}

sobre os elementos em Rosa, se for as pequenas barras no final da página, vá em CSS Adicional e coloque o seguinte código,

.widget-title:before {
background-color: #000000; /* essa cor é preto, coloque o código hexa da cor que deseja */
}

verifique se tudo deu certo e se há algo mais que precisa de ajuda. se resolvido tudo, favor marcar o tópico como “Resolvido”.

felicidades e muito boa sorte em seu projeto,

Ralden

bem, pelo menos na foto, na terceira linha tem um “Search” e está sem tradução…

mas se você traduziu esse “Search” e no site continua sem tradução, infelizmente acontece quando o desenvolvedor não deixa a palavra traduzível. pois especialmente desenvolvedores em inglês por vezes vacilam nisso.

nesse caso, o mais sugerido é criar um tema-filho,

https://codex.wordpress.org/pt-br:Temas_Filhos

então verificar no tema original em que arquivo está esse “Search”. eu apostaria em um arquivo header.php. você pesquisa dentro do arquivo se esse “Search” realmente está lá. se estiver, você copia o arquivo para a pasta do tema-filho e então modifica com a tradução que deseja.

por que não fazer isso diretamente no arquivo do tema original? porque você pode perder a alteração quando houver uma atualização, o que não tem perigo quando usa um tema-filho. a questão é que deveria (coisa que com certeza nem todo mundo faz) de tempos em tempos ver se alguma atualização do tema modificou o arquivo que você personalizou. nesse caso, você baixa o arquivo mais atual, insere as personalizações e coloca no tema-filho, no lugar do arquivo antigo.

felicidades e boa sorte,

Ralden

Olá @lukaizh, @ralden,

O que eu vejo pela ferramenta do desenvolvedor do Chrome é que a palavra SEARCH está sendo inserida por um pseudo-elemento do CSS! Então não vai ficar traduzível mesmo.

https://snag.gy/dZ5VRD.jpg

Pelo pouco que entendo, o atributo “content” dos pseudo-elementos só deve ser usado para a inserção de coisas como bullets, setas etc, ou seja, geralmente um único caractere ou ícone em adição ao conteúdo principal, como parte da estilização.

No seu site, a palavra SEARCH está inserida por um pseudo-elemento :before de uma div que inclui o botão. A inclusão de SEARCH via pseudo-elemento desrespeita a divisão clássica de conteúdo via HTML e apresentação via CSS. Se está no tema, é preciso pedir aos autores do tema que corrijam isso. (Provavelmente deixaram assim por descuido, do contrário haveria outros pseudo-elementos com conteúdo textual no tema, mas na página que olhei esse é o único caso).

Um remendo que você pode tentar com base no que vi no Chrome seria incluir no “CSS Adicional” conforme explicado em resposta do @ralden, ou no css personalizado (custom) do tema descendente:

.cactus-search-full .searchform > label:before, .cactus-search-full .searchform > div:before {
content: ‘BUSCAR’;
}

Espero que dê certo. Mas como eu disse, é só um remendo, o ideal seria o tema incluir esse conteúdo (a palavra “search”) no HTML. Aí acho que ficaria traduzível.

• Esta resposta foi modificada 5 anos, 6 meses atrás por CB.

Valeu, @ralden,

Mas na verdade não tem o que ensinar, quem sou eu… também uso o seu método “rudimentar, no olho mesmo” rsrs.

É que nesse caso o que dificulta encontrar o “content: ” é que ele está no div que contém várias coisas, e não no “input” que define o botão. Confuso, não? Apesar de ser invocada com um “:before”, a palavra SEARCH não aparece antes dessas várias coisas como era de se supor. Por exemplo, visualmente, o div primeiro apresenta um elemento com a “Buscar…”, depois outro elemento com o dropdown “Todas as categorias” e só então entra o botão. Acho que é um resultado do float:left nos dois primeiros elementos, e do float:right no botão. Mas é só um palpite.

Como não aparecia em lugar nenhum, o que eu fiz foi navegar no Inspetor de Elementos subindo pela hierarquia que aparece numa espécie de breadcrumbs. Veja no vídeo: https://www.youtube.com/watch?v=BjRUYHCSLs0&feature=youtu.be&hd=1.

Como se vê no vídeo, eu fui “no olho”, mas agora vejo que seria possível procurar pelo filtro que aparece logo abaixo da hierarquia, usando “content:” ou “:before”. Mesmo assim esse filtro só pesquisa de elemento em elemento, não sei se tem um jeito de fazer uma busca global.

Abraços

• Esta resposta foi modificada 5 anos, 6 meses atrás por CB.

Oi, @lukaizh, pena que não deu certo. Vc deletou o cache?