Como alterar o css do navbar do brand do bootstrap 3

[Israel Elias 8]

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




Só que estou com dificuldade em alterar a altura do brand para preencher o espaço vazio em cima. uma imagem de exemplo



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



Alguém poderia me ajudar a deixar altura certinha e ainda fora do eixo do menu!

[stromdh 15]

cara, tu já tentou fazer um padding-bottom ou margin-bottom no brand?

olha o posicionamento de ambos e tenta ae.

[xanburzum 169]

e o padding-top também, e quando se usa o position=relative, o elemento é posicionado em relação à sua posição normal, por isso "a esquerda: 20" adiciona 20 pixels para a posição esquerda do elemento, tente mudar o position