Como alterar o css do navbar do brand do bootstrap 3
Beleza pessoal
Galera um cliente pediu para eu fazer uma logo que saia uma pouco do eixo do menu navbar do bootstrap 3. Então no css eu fiz a seguinte alteração no navbar-brand
.navbar-brand{
position:relative;
top:10px;
background-color: #ff0000;
}
uma imagem de exemplo de como ficou depois da alteração do css
/applications/core/interface/imageproxy/imageproxy.php?img=http://planovirtual.com.br/img/exemplo-2.png&key=9442e7491037d83188ecb0d640138af64dbb306b474f70626e661b9ddcc80aa0" alt="exemplo-2.png" />
Só que estou com dificuldade em alterar a altura do brand para preencher o espaço vazio em cima. uma imagem de exemplo
/applications/core/interface/imageproxy/imageproxy.php?img=http://planovirtual.com.br/img/exemplo-3.png&key=60ff02f14e17ff8c7eaf2caff403a281057e1101294a105465f7fcba63603e83" alt="exemplo-3.png" />
Quando eu alterei a altura para preencher o espaço vazio de cima, todo o menu também aumentou a altura.
.navbar-brand{
position:relative;
top:10px;
background-color: #ff0000;
height:70px; // aumenta a altura do brand
/*ou padding-top:10px; //aumenta o padding top */
}
veja a imagem dessa alteração da altura
/applications/core/interface/imageproxy/imageproxy.php?img=http://planovirtual.com.br/img/exemplo-4.png&key=6982a3ce8ce3b0593a13460b41c73b6d93917a8f890a9a079846dfaf714a2a4d" alt="exemplo-4.png" />
Alguém poderia me ajudar a deixar altura certinha e ainda fora do eixo do menu!
Discussão (2)
Carregando comentários...