Eliminar Fundo Barra De Smileys

Detalhes da questão

Endereço do fórum: http://magicshop.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Boa noite!
Por alguma razão, o fundo da minha caixa de smileys está com o mesmo fundo do fórum: com ícone e tudo. Acontece que por causa do ícone, eu não consigo clicar em alguns emoticons. Como ajeito isso? Segue imagem!

Olá @souzr,

Bem-vindo ao Fórum dos Fóruns! Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum; Lista de tutoriais e perguntas frequentes; A Equipe de Suporte; A função de busca.

Leia está questão já resolvida.


Cordialmente,
pedxz.

Funcionou na questão da cor de fundo, mas a logo continua lá, como você pode observar na imagem abaixo.


Eu usei um código de um tópico resolvido para colocar essa logo, será que te dando o código que usei ajuda? Segue:

Código:

body:before {
  content: '';
  background-image: url(https://i.imgur.com/z7rbqus.png);
  position: absolute;
  top: 123px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 248px;
  background-size: cover;
  padding-bottom: 0px;
}
 
#logo img {
  display: none;
}
 
#logo-desc p {
  color: #000;
}
 
#fa_ticker_block .module {
  background-color: #3b0f0f;
  padding: 11px;
  padding-bottom: 20px;
}

Mude então para:

Código:

html#sceditor_smilies {
    background: #fafafa!important;
}

Pedxz escreveu:Mude então para:

Código:

html#sceditor_smilies {
    background: #fafafa!important;
}

Mudei, mas agora voltou pro fundo em cor roxa e o ícone continua lá.

Localize no seu CSS:

Código:

body:before {
  content: '';
  background-image: url(https://i.imgur.com/z7rbqus.png);
  position: absolute;
  top: 123px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 248px;
  background-size: cover;
  padding-bottom: 0px;
}


e mude para:

Código:

html:not(#sceditor_smilies)::before {
  content: '';
  background-image: url(https://i.imgur.com/z7rbqus.png);
  position: absolute;
  top: 123px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 248px;
  background-size: cover;
  padding-bottom: 0px;
}

Pedxz escreveu:Localize no seu CSS:

Código:

body:before {
  content: '';
  background-image: url(https://i.imgur.com/z7rbqus.png);
  position: absolute;
  top: 123px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 248px;
  background-size: cover;
  padding-bottom: 0px;
}


e mude para:

Código:

html:not(#sceditor_smilies)::before {
   content: '';
  background-image: url(https://i.imgur.com/z7rbqus.png);
  position: absolute;
  top: 123px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 248px;
  background-size: cover;
  padding-bottom: 0px;
}

Perfeitooooo! Funcionou direitinho! Muito, muito obrigada.
Pode fechar o tópico! \o/