Centralizar texto no chatbox

3 participantes

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

Tópico resolvido Centralizar texto no chatbox

Mensagem por nikkibs 05.03.21 23:40

Detalhes da questão


Endereço do fórum: https://demigods.forumattivo.com/
Versão do fórum: ModernBB

Descrição


Como foi pedido pelo @pedxz , estou postando em um novo tópico o problema.
Sobre o escrito no botão de login do chat, não consigo centralizar.
Link do print: https://imgur.com/xBP3jir
Link do fórum: https://demigods.forumattivo.com/
Código do chatbox:

Código:
.cb_connect_button span {
    background: #333333 !important;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    padding: 6px 10px;
    color: #fff;
    font-family: 'Benchnine';
    text-transform: uppercase;
  letter-spacing: 2px;
}
.cb_connect_button {
  display: flex;
  align-item: center;
  justify-content: center;
}
.cb_connect_button span { font-size: 0; }
.cb_connect_button span::before {
  content: 'Vamos socializar aqui';
  font-size: 12px;
  display: inline-flex;
  padding: .25rem;
  text-align: center;
}
.cb_connect_name {
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-family: 'BenchNine';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.cb_connect_button span {
    background: #00000011;
    border: 1px solid;
    border-radius: 20px;
    cursor: pointer;
    /* padding: 6px 10px; */
    width: 190px;
}
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar texto no chatbox

Mensagem por Musashi 06.03.21 0:09

Olá @nikkibs

Poderia me fornecer uma conta teste pra eu verificar melhor essa situação?

Atenciosamente, Wusthy Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar texto no chatbox

Mensagem por nikkibs 06.03.21 21:38

Oi! Enviei por mp, muito obrigada
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Centralizar texto no chatbox

Mensagem por Musashi 06.03.21 21:55

Olá querida @nikkibs

Modifique na sua CSS para o seguinte código:

Código:
.cb_connect_button span {
    background: #333333 !important;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    padding: 6px 10px;
    color: #fff;
    font-family: 'Benchnine';
    text-transform: uppercase;
  letter-spacing: 2px;
}
.cb_connect_button {
  display: flex;
  align-item: center;
  justify-content: center;
}
.cb_connect_button span { font-size: 0; }
.cb_connect_button span::before {
    content: 'Vamos socializar aqui';
    display: inline-flex;
    font-size: 12px;
    padding: .25rem 19px;
    text-align: center;
}
.cb_connect_name {
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-family: 'BenchNine';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.cb_connect_button span {
    background: #00000011;
    border: 1px solid;
    border-radius: 20px;
    cursor: pointer;
    width: 190px;
}

Atenciosamente, Wusthy Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar texto no chatbox

Mensagem por nikkibs 07.03.21 17:15

Funcionou, obrigada. Poderia dizer o que eu estava errando, por favor?
nikkibs

nikkibs
****

Membro desde : 16/05/2012
Mensagens : 393
Pontos : 582

http://www.bsfanfics.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar texto no chatbox

Mensagem por RafaelS. 09.03.21 12:53

Tópico resolvido


Movido para "Questões resolvidas".
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

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