Talvez seu tema tenha alguma opção para desativar o parallax. Procure nas opções do tema por algo parecido. Veja também se é possível diminuir a margem de baixo do cabeçalho, pois o console não indica um arquivo css que dá essa margem.
Caso não tenha nada, se eu realmente entendi bem o q vc quer, isso talvez resolva:
@media only screen and (min-width:768px){
div#parallax-bg{
background-attachment: scroll;
background-image: url(“http://www.lolivier-leblog.com/wp-content/uploads/2015/01/cropped-logo-blog31.png”);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
padding: 20em 0 0;
position: static;
}
header#masthead {
margin-bottom: 0;
}
}
Obrigada Filipe,
Eu vou tentar. No caso esse código eu devo colocar onde?
Desculpa se for perguntas lógicas, mas eu estou aprendendo a usar o wordpress, não sei nada mesmo.
O que quer dizer pois “o console não indica um arquivo css que dá essa margem” ?
Opa… não tem problema, amigo, ninguém nasce sabendo.
Caso o tema não tenha essas opções, então, vc precisa inserir o código no seu arquivo style.css.
Recomendo a leitura deste post para que vc entende a melhor maneira de fazer isso:
http://tableless.com.br/child-themes-o-que-e-como-fazer-e-quando-usar/
Qlq dúvida poste aqui.
Oi Filipe, Obrigada mais uma vez.
Eu consegui ontem tentando pelo CSS personalizado e colei o código que tu em passou ontem e funcionou, não sei se pode ser assim ou tem que ser de outra forma.
De qualquer maneira, o problema é que para caber dentro do espaço do cabeçalho e sem ficar embaixo do menu, ele reduziu e a imagem ficou super pequena.
Então eu pensei que a forma de arrumar isso seria aumentando o espaço da altura do cabeçalho, mas não consigo de forma alguma achar no editor do tema o código HTML que fala da parte da altura do cabeçalho.
Tu teria alguma sugestão para fazer essa alteração e quem sabe conseguir aumentar a imagem?
Desde já te agradeço.
Claudia
Tente aumentando apenas o ‘padding’:
@media only screen and (min-width: 768px){
div#parallax-bg{
background-attachment: scroll;
background-image: url("/wp-content/uploads/2015/01/Logotipo-blog-11.png");
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
padding: 30em 0 0 0;
position: static;
}
header#masthead{
margin-bottom: 0;
}
}
Perfeito!! Deu certo!
Valeu mesmo Filipe.
Abraço,
Claudia