Acertar banner

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Acertar banner

Mensagem por EDU2010 20.01.18 18:26

Detalhes da questão


Endereço do fórum: http://clubedascalopsitas.forumeiros.com/portal
Versão do fórum: ModernBB

Descrição


O escrito ficou acima como na imagem de exemplo
Queria colocar certo , alinhar ele abaixar um pouco


banner - Acertar banner  Sem_ty22
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Acertar banner

Mensagem por tikky 21.01.18 15:10

Olá,
localize
Código:
.headerbar {
    background-color: #FFFAFA!important;
    background-image: url(https://i62.servimg.com/u/f62/15/98/91/46/qhhtzj10.png)!important;
    height: 280px!important;
}

e mude para
Código:
.headerbar {
    background-color: #FFFAFA!important;
    background-image: url(https://i62.servimg.com/u/f62/15/98/91/46/qhhtzj10.png)!important;
    height: 280px!important;
    background-position: top!important;
}


no print está sinalizado os widgets, é tambem um erro?

obrigado,
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar banner

Mensagem por EDU2010 21.01.18 20:01

Resultou e como fazer os botões do menu ficar abaixo do banner e não acima da forma que esta ?
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Acertar banner

Mensagem por Luiz 21.01.18 23:14

Adicione ao final de sua Folha de Estilos:
Código:
.headerbar .navbar.navlinks {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 10px 0 8px 0;
  background-color: rgba(0, 0, 0, 0.25);
}

.headerbar .navbar.navlinks > li {
  margin-top: 0;
}

Se você não quiser o fundo preto basta remover a linha (do código acima):
Código:
background-color: rgba(0, 0, 0, 0.25);

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Acertar banner

Mensagem por EDU2010 22.01.18 0:37

E se eu quiser que ele fique fixo pois ele some ao abaixar a tela ?!
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Acertar banner

Mensagem por Luiz 22.01.18 0:43

Adicione mais este código ao final de seu CSS:
Código:
.headerbar .is-sticky#headerbar-top {
  top: 77px;
  box-shadow: none !important;
  background-color: initial !important;
}

.headerbar .is-sticky#headerbar-top .navbar.navlinks {
  background-color: #4a4a4a;
}

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Acertar banner

Mensagem por Luiz 25.01.18 12:55

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos