Pergunta do WordPress Tracks: Alterar/ajustar o tamanho do logotipo?

Um usuário perguntou ?

Olá.

Eu quero mudar a exibição do logotipo. Para mim, o logotipo é muito pequeno. Onde posso mudar isso? Não encontrei nada no style.css. Obrigado pela ajuda!

saudações Glappi

Autor do tópico

(@bensible)

2 anos, 5 meses atrás

Olá Glappy,

Obrigado por usar as Faixas!

Este CSS permitirá que o logotipo exiba muito mais:

.site-title .logo {
  max-width: 100% !important;
  max-height: 200px !important;
}

Copie e cole esse código na seção “CSS Adicional” no Cliente (Aparência > Personalizar) e ele entrará em vigor imediatamente.

Também notei que há muito espaço em branco acima e abaixo da imagem do logotipo. Você pode querer ajustar a parte superior para reduzir a quantidade de espaço exibido ao redor do logotipo.

lançador de tópicos

(@glapi)

2 anos, 5 meses atrás

Obrigado Ben pela rápida resposta. Sim, o fundo do logotipo é grande o suficiente, mas o criador queria isso. Agora o menu desliza para cima, mas eu não gosto nada disso. Eu não sou bom em CSS, então isso seria uma pequena ajuda! Muito obrigado!

saudações Glappi

Autor do tópico

(@bensible)

2 anos, 5 meses atrás

Isto é o que quero dizer com espaçamento da imagem: http://pics.competethemes.com/0b66943f66e3. O quadrado azul é todo o espaço da imagem.

O menu permanece no mesmo local, mas como há muito espaço no arquivo de imagem acima de onde o logotipo é exibido, há espaço acima do logotipo no site. Como tudo isso é transparente, acho melhor deixar todo o espaço transparente. Você só pode fazer isso para a versão do logotipo usada no cabeçalho.

lançador de tópicos

(@glapi)

2 anos, 5 meses atrás

Ok, eu mudei o tamanho do logotipo de qualquer maneira, o menu é bem alto. Alguém da SEC pode fazer algo que é mostrado no menu abaixo do logotipo?

Autor do tópico

(@bensible)

2 anos, 5 meses atrás

Você pode adicionar este CSS para empurrar o menu e alinhá-lo melhor com a localização atual do logotipo:


@media all and (min-width: 900px) {

  #title-info {
    margin-top: -48px !important;
  }
  #menu-primary {
    margin-top: 48px !important;
  }
}

Copie e cole esse código na seção “CSS Adicional” no Cliente (Aparência > Personalizar) e ele entrará em vigor imediatamente.

lançador de tópicos

(@glapi)

2 anos, 5 meses atrás

Muito obrigado! Agora eu tenho como eu preciso.

saudações Glappi

Autor do tópico

(@bensible)

2 anos, 5 meses atrás

De nada! Fico feliz em poder ajudar.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *