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
GratoA página que eu preciso de ajuda: [fazer login para ver o link]
-
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,
Então amigo, as cores dos elementos derão certo, menos o título da pagina que não centralizou.
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
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.
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 ”
da uma olhada por gentileza amigo, https://imgur.com/a/kemhjXQ
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,
olá @lukaizh,
vi que abriu um novo tópico sobre a questão do “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,
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.
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 6 anos, 1 mês atrás por CB.
uau @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!
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 6 anos, 1 mês atrás por CB.
Oi, @lukaizh, pena que não deu certo. Vc deletou o cache?
olá @lukaizh,
acho que entendi o problema e isso passou desapercebido quando testei o código do @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 passou está com aspas simples (‘).
favor informar se deu certo.
felicidades,
- O tópico ‘Ajuste de tema’ está fechado para novas respostas.