Title: Ajuste de tema Last modified: 5 outubro, 2018 --- # Ajuste de tema * [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/) * Olá, * Estou precisando de uma ajuda para ajustar este tema * Primeiro queria mudar o botão Search, para pesquisar já tentei até traduzilo mais não consegui. * E também queria ajustar o nome principal da página para o meio da página, vi que por padrão ele se posiciona na esquerda. * também alguns elementos consegui mudar a cor, porem alguns não oque que estão com a cor rose. * Alguem poderia me ajudar? tenho pouco conhecimento Grato * A página que eu preciso de ajuda: _[[fazer login](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fbr.wordpress.org%2Fsupport%2Ftopic%2Fajuste-de-tema%2F%3Foutput_format%3Dmd&locale=pt_BR) para ver o link]_ Visualizando 15 respostas - 1 até 15 (de um total de 18) 1 [2](https://br.wordpress.org/support/topic/ajuste-de-tema/page/2/?output_format=md) [→](https://br.wordpress.org/support/topic/ajuste-de-tema/page/2/?output_format=md) * [Ralden Souza](https://br.wordpress.org/support/users/ralden/) * (@ralden) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82021) * olá [@lukaizh](https://br.wordpress.org/support/users/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](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](https://ralden.com.br) * Criador do tópico [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82022) * Então amigo, as cores dos elementos derão certo, menos o título da pagina que não centralizou. * Criador do tópico [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82023) * e inclusive eu uso o Loco translate e traduzi todos os Search, porém o de pesquisa não alterou nada, e não tem as opções em personalizar * [Ralden Souza](https://br.wordpress.org/support/users/ralden/) * (@ralden) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82024) * sobre o Loco, clicou em “Save” e depois “Sync”? só funciona após isso. e se usa plugin de cache, precisa limpar o cache também. * sobre o título, favor adicionar um item, * .woocommerce-products-header { float: none; font-size: 16px; text-align: center;} * favor me dizer se agora deu certo. * Criador do tópico [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82025) * deu certo agora sobre o título amigo, mais a tradução não deu certo. o unico Search que apareceu foi o do meio da caixa de pesquisa que eu substitui por ” estou procurando ” * Criador do tópico [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82026) * da uma olhada por gentileza amigo, [https://imgur.com/a/kemhjXQ](https://imgur.com/a/kemhjXQ) * [Ralden Souza](https://br.wordpress.org/support/users/ralden/) * (@ralden) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82029) * 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](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](https://ralden.com.br) * [Ralden Souza](https://br.wordpress.org/support/users/ralden/) * (@ralden) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82039) * olá [@lukaizh](https://br.wordpress.org/support/users/lukaizh/), * vi que abriu um novo tópico sobre a questão do “Search”: * [https://br.wordpress.org/support/topic/mudar-botao-search/](https://br.wordpress.org/support/topic/mudar-botao-search/) * não vou escrever lá para que fique visível na área “Sem resposta” e quem sabe alguém dê uma sugestão sobre algo que eu não percebi. mas evite duplicar tópicos nesse Fórum, quando os moderadores perceberem que está em duplicidade, seu tópico será fechado. * minha questão é: você tentou fazer o que escrevi acima sobre criar um tema-filho e editar o arquivo header.php? outro arquivo que pode existir no seu tema é o search.php, onde pode ser que possa alterar a palavra “search” diretamente pela tradução que deseja. (só cuidado com acentos e caracteres especiais, se a palavra que desejar possuir isso, prefira usar formatação em HTML, aqueles códigos como por exemplo “ç” para a letra “ç”). * felicidades e boa sorte, * [Ralden](https://ralden.com.br) * [CB](https://br.wordpress.org/support/users/cbrandt/) * (@cbrandt) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82040) * Olá [@lukaizh](https://br.wordpress.org/support/users/lukaizh/), [@ralden](https://br.wordpress.org/support/users/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](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](https://br.wordpress.org/support/users/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 8 anos atrás por [CB](https://br.wordpress.org/support/users/cbrandt/). * [Ralden Souza](https://br.wordpress.org/support/users/ralden/) * (@ralden) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82042) * uau [@cbrandt](https://br.wordpress.org/support/users/cbrandt/), meus parabéns!!! * eu havia pensado no “content”, que está sendo muito usado (talvez pela possibilidade de inserir conteúdo “before” e “after”, mas não consegui ver isso no Inspetor de Elementos. * depois preciso aprender como você vÊ essas coisas. eu abro o Inspector de Elementos e “saio caçando” e testando códigos para ver qual “class” altera o que a pessoa deseja. mas como faço de forma meio rudimentar, no olho mesmo, por vezes não vejo essas coisas e vou modificar nos arquivos do tema-filho. * mais uma vez, meus parabéns, muito show! * [CB](https://br.wordpress.org/support/users/cbrandt/) * (@cbrandt) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82044) * Valeu, [@ralden](https://br.wordpress.org/support/users/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](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 8 anos atrás por [CB](https://br.wordpress.org/support/users/cbrandt/). * Criador do tópico [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82050) * [@cbrandt](https://br.wordpress.org/support/users/cbrandt/) tentei o código css não deu certo também, mais obrigado e obrigado [@ralden](https://br.wordpress.org/support/users/ralden/) pelo suporte, vou entrar em contato com o suporte do tema ver se eles fazem essa correção * [CB](https://br.wordpress.org/support/users/cbrandt/) * (@cbrandt) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82051) * Oi, [@lukaizh](https://br.wordpress.org/support/users/lukaizh/), pena que não deu certo. Vc deletou o cache? * [Ralden Souza](https://br.wordpress.org/support/users/ralden/) * (@ralden) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82052) * olá [@lukaizh](https://br.wordpress.org/support/users/lukaizh/), * acho que entendi o problema e isso passou desapercebido quando testei o código do [@cbrandt](https://br.wordpress.org/support/users/cbrandt/) no seu site através do Inspetor de Elementos. * vá em menu do WordPress > Aparência > Personalizar > CSS Adicional e coloque o seguinte código, * .cactus-search-full .searchform > label:before, .cactus-search-full .searchform > div:before { content: “BUSCAR”; } * tem que usar aspas duplas (“) para informar o conteúdo (content). no código que o [@cbrandt](https://br.wordpress.org/support/users/cbrandt/) passou está com aspas simples (‘). * favor informar se deu certo. * felicidades, * Criador do tópico [lukaizh](https://br.wordpress.org/support/users/lukaizh/) * (@lukaizh) * [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/#post-82054) * olá [@ralden](https://br.wordpress.org/support/users/ralden/), * adicionei o seguite código, * .cactus-search-full .searchform > label:before, .cactus-search-full .searchform > div:before { content: “BUSCAR”; } * como falou com aspas duplas (“) e também não deu certo, deletei o cache também [@cbrandt](https://br.wordpress.org/support/users/cbrandt/) e também nada mudou:/ Visualizando 15 respostas - 1 até 15 (de um total de 18) 1 [2](https://br.wordpress.org/support/topic/ajuste-de-tema/page/2/?output_format=md) [→](https://br.wordpress.org/support/topic/ajuste-de-tema/page/2/?output_format=md) O tópico ‘Ajuste de tema’ está fechado para novas respostas. ## Tags * [configuracao](https://br.wordpress.org/support/topic-tag/configuracao/) * [temas](https://br.wordpress.org/support/topic-tag/temas/) * Em: [Temas](https://br.wordpress.org/support/forum/temas-e-modelos/) * 18 respostas * 3 participantes * Última resposta de: [CB](https://br.wordpress.org/support/users/cbrandt/) * Última atividade: [8 anos atrás](https://br.wordpress.org/support/topic/ajuste-de-tema/page/2/#post-82070) * Estado: não resolvido ## Tópicos ### Tópicos mais populares ### Tópicos sem respostas ### Tópicos não relacionados a suporte ### Tópicos resolvidos ### Tópicos não resolvidos ### Todos os tópicos