Suporte » Temas » Ajuste de tema

  • lukaizh

    (@lukaizh)


    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 para ver o link]

Visualizando 15 respostas - 1 até 15 (de um total de 18)
  • 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

    lukaizh

    (@lukaizh)

    Então amigo, as cores dos elementos derão certo, menos o título da pagina que não centralizou.

    lukaizh

    (@lukaizh)

    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.

    lukaizh

    (@lukaizh)

    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 ”

    lukaizh

    (@lukaizh)

    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,

    Ralden

    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,

    Ralden

    CB

    (@cbrandt)

    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 2 anos 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!

    CB

    (@cbrandt)

    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 2 anos atrás por CB.
    lukaizh

    (@lukaizh)

    @cbrandt tentei o código css não deu certo também, mais obrigado e obrigado @ralden pelo suporte, vou entrar em contato com o suporte do tema ver se eles fazem essa correção

    CB

    (@cbrandt)

    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,

    lukaizh

    (@lukaizh)

    olá @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 e também nada mudou :/

Visualizando 15 respostas - 1 até 15 (de um total de 18)
  • O tópico ‘Ajuste de tema’ está fechado para novas respostas.