Suporte » Temas » Alterando header em tema comprado

  • Resolvido anaorsolini

    (@anaorsolini)


    Olá, comprei um tema no themeforest (Crystal, Code 125) e estou querendo personalizar o header.

    Do jeito que está, só consigo colocar imagens muito achatadas (1280x180px). Eu queria poder colocar imagens de 1280x444px, mas não existe um widget que permita eu fazer isso.

    Tenho que partir para o HTML mesmo… O problema é que não sei como!! Já tenho um tema filho que possui apenas o style.css. O style.css do tema pai parece estar em branco ou escondido de alguma forma… Já cacei nos arquivos header.php e functions.php do tema pai para saber onde se determina a altura do header, mas não encontrei nada…

    Já tentei usar o Chrome DevTools para encontrar o código fonte que determina as dimensões do header, mas não entendi nada… Aparece um código assim:

    *, *:before, *:after {
    box-sizing: border-box;
    }

    e embaixo tem uma caixinha desenhada com o tal border box de 1280 x 180px…

    Meu site é salvebrasil.com.br. Se alguém puder ajudar, agradeço muito!!

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • bernardcowell

    (@bernardcowell)

    O arquivo css a ser alterado está no diretório /wp-content/themes/crystal/library/css/style.css onde você vai encontrar o seguinte código:

    .c5-main-header-ad {
        min-height: 120px;
        margin: 30px auto 0px;
    }

    vc deve substituir por:

    .c5-main-header-ad {
        min-height: 180px;
        margin: 30px auto 0px;
    }

    ou seja alterar o valor minimo de height( altura), quando quiser alterar algum valor de css, vc pode clicar com o botão direito e inspecionar o elemento no navegador, dá pra alterar e verificar a mudança além de claro ver o diretório do arquivo css carregado. Qualquer dúvida estamos ae.

    bernardcowell

    (@bernardcowell)

    E parabéns seu site tá bem bacana

    anaorsolini

    (@anaorsolini)

    Bernardcowell, muito obrigada!!

    Mas eu tenho que alterar isso pelo FileZilla ou algo do tipo?
    Pq pelo editor dentro do wordpress mesmo este style.css parece estar em branco.

    Desculpa, estou começando agora nesse mundo! Hehehehe

    Obrigada pelo elogio! Quando o site estiver pronto, faça uma visita!

    Abraços!

    anaorsolini

    (@anaorsolini)

    Ah, e outra coisa. Se eu fizer essa alteração no tema pai, eu não posso perde-la quando o tema atualizar?

    Não tem como fazer isso no tema filho?

    bernardcowell

    (@bernardcowell)

    Sim vc terá que fazer a alteração por ftp, e sim tbm se alterar o tema pai ao invés do child, quando atualiza vc perderá tudo o que alterar nele. sendo assim te aconselho a fazer essa alteração no style.css do tema filho, é só adicionar o codigo acima nele. Abraços.

    anaorsolini

    (@anaorsolini)

    Bernardcowwell, funcionou! Obrigada!

    Só estou na dúvida agora, porque a propriedade que estou alterando parece ser a altura do local de anúncios do header.

    Quando coloco esse objeto header-ad com altura de 300px, na página principal, que não tem título, o banner acaba ficando com a altura de 360px, mas nas outras páginas, por exemplo “Campanhas”, que já possuem título, a altura fica maior, com 420 px… Será que consigo deixar toda esse banner com uma altura fixa, havendo título ou não?

    Obrigada!

    bernardcowell

    (@bernardcowell)

    Não sei se entendi o que quis, porem pode sempre alterar o valor de elementos do css se conseguir identificalos corretamente, usando a inspençao do seu navegador. Isso é mais facil quando se desenvolve o proprio codigo, mas mesmo com um codigo comprado não é complicado.

    anaorsolini

    (@anaorsolini)

    Resolvido, obrigada!

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • O tópico ‘Alterando header em tema comprado’ está fechado para novas respostas.