Pergunta sobre Elara do WordPress: CSS personalizado para alterar a cor de fundo do cabeçalho?

Um usuário perguntou ?

Oi, estou procurando CSS personalizado para alterar a cor de preenchimento de fundo do cabeçalho. E também para remover o preenchimento em torno de uma imagem de cabeçalho.

Como você pode ver eu tentei usar uma imagem, mas ela não se encaixa para alinhar com a borda, então não estou bem. Eu queria uma cor escura para este cabeçalho, já que ele projetou o resto do site de forma tão leve. Agradeceríamos a ajuda!

(@corewpress)

2 anos, 11 meses atrás

Olá @evecaro,

Espero que você tenha um ótimo dia e obrigado por entrar em contato conosco!

Vá para WP Admin > Appearance > Customize > Additional CSS e dentro dessa caixa adicione o seguinte código:

.logo {
    background: black; //Change the black color to whatever you need.
}

.home .wrapper {
    margin: 0;
    max-width: 1600px !important;
    width: 100%;
}

.home .row {
    margin: 50px;
}

Experimente e me conte como funcionou. Atenciosamente, Diogo

(@kanikasamra)

2 anos, 8 meses atrás

Olá, tenho uma dúvida semelhante. Adicionei uma imagem de cabeçalho a um widget, pois queria a imagem acima do menu principal. Você usou o código CSS na resposta acima para remover o cinza ao redor da imagem. Mas, o branco não é nivelado nas laterais. Como posso mudar isso? Olhe aqui

Obrigado! Kanika.

Esta resposta foi modificada 2 anos, 8 meses atrás por.

(@jarektheme)

2 anos, 8 meses atrás

Olá Kanika,

Vá para Aparência → Personalizar → CSS Adicional e adicione o seguinte CSS:

.header, .container-wrap, .widget-area {
    background: #fff !important;
}

Espero que isso ajude.

Com os melhores cumprimentos

(@kanikasamra)

2 anos, 8 meses atrás

Muito obrigado! Isso funcionou perfeitamente. Minha próxima pergunta é adicionar um link para a página inicial com esta imagem de cabeçalho (widget). A opção do menu inicial funciona em todas as postagens, mas preferimos que a imagem seja vinculada à página inicial.

Agradeceríamos sua ajuda.

Obrigado Kanika.

(@evabota)

2 anos, 5 meses atrás

Olá!

Este código também funcionou para mim, mas eu só queria mudar a lógica por trás do widget porque para mim, que é um widget de texto simples. O que devo mudar no código?

Obrigado!

(@jarektheme)

2 anos, 5 meses atrás

Olá @kanikasamra, @evabota,

@kanikasamra – Você poderia postar o URL do seu site para que eu possa dar uma olhada e ver qual imagem de cabeçalho você quer dizer?

@evabota: Digite este código com Aparência → Personalizar → Campo CSS adicional:

.widget-area-sidebar .sidebar-default-background {
    background-color: #efefd4;
}

Com os melhores cumprimentos

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 *