Modifique a área de texto

2 participantes

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

Tópico resolvido Modifique a área de texto

Mensagem por LucianoMicle 29.03.22 1:40

Detalhes da questão


Endereço do fórum: https://divtes.foroactivo.com/
Versão do fórum: AwesomeBB

Descrição


Olá! Estava tentando modificar os valores do que quero alcançar mas não consegui.
Deixo uma demonstração com uma imagem para que possam ver o que pretendo alcançar.

Spoiler:
LucianoMicle

LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Modifique a área de texto

Mensagem por tikky 29.03.22 11:57

Olá @LucianoMicle,

Algum assim?

Modifique a área de texto Image35

Se sim adicione na folha de estilo (CSS) o seguinte código
Código:
.quick-reply-textarea-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 100% !important;
  padding: 0;
  background-color: #fff;
}

.block.quick-reply > form {
  background-color: transparent !important;
  box-shadow: none !important;
}

#quick-reply-send, .quick-reply-textarea-wrap .sceditor-container {
  border-radius: 3px !important;
}

.sceditor-toolbar {
  display: flex;
  justify-content: center;
}

.quick-reply-textarea-wrap #quick-reply-avatar {
  left: 15px;
}
.quick-reply-upload {
  z-index: 9999 !important;
}

#quick-reply-send {
  position: relative;
  float: right;
  background-color: #1E88E5;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
  color: #FFF;
}
Atenciosamente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Modifique a área de texto

Mensagem por LucianoMicle 29.03.22 18:16

Olá @Pedxz
O código está bom, mas você pode modificar o que eu quero indicar para esta parte.
Modifique a área de texto Mover110

Saudações!
LucianoMicle

LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Modifique a área de texto

Mensagem por tikky 30.03.22 11:21

LucianoMicle escreveu:Olá @Pedxz
O código está bom, mas você pode modificar o que eu quero indicar para esta parte.
Modifique a área de texto Mover110

Saudações!
Substitua
Código:
#quick-reply-send {
  position: relative;
  float: right;
  background-color: #1E88E5;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
  color: #FFF;
}
para
Código:
#quick-reply-send {
  z-index: 999;
}
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Modifique a área de texto

Mensagem por LucianoMicle 30.03.22 18:57

Foi excelente como eu precisava, muito obrigado!

Abraços saudações
LucianoMicle

LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Modifique a área de texto

Mensagem por tikky 30.03.22 19:07

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

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


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