Alterar cor de texto na versão mobile

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

Resolvido Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em 01/11/16, 03:02 am

Detalhes da questão


Endereço do fórum: www.rpghogwarts.org
Versão do fórum: PhpBB2

Descrição


Boa noite,
quando abro meu fórum na versão mobile, os textos que são escritos em qualquer caixa ou campo de texto ficam em cor cinza claro, enquanto a caixa de texto é branca, ou seja, não tem como ler nada do que você está escrevendo.

Tentei arrumar isso seguindo o tutorial de como personalizar a versão mobile, porém acabei não conseguindo. Alguém poderia me ajudar com qual código exatamente devo acrescentar ao meu CSS para arrumar isso?
avatar

Lucy Elrich Sinskye
Nível 6

Feminino
Inscrito dia : 03/03/2015
Mensagens : 66
Pontos Ativos : 97

Ver perfil do usuário http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em 01/11/16, 04:07 am

Olá,

Vá em Painel de controleMódulosHTML & JavaScriptGestão dos códigos JavaScriptsCriar um novo JavaScript e adicione esse código com Investimento em Todas as páginas:

Código:
; (function ($) {
    'use strict';

    $(function () {
        if ($('#mpage-body-modern').length) {
            $('<style>', {
                type: 'text/css',
                text: '' +
                    '#mpage-body-modern input,' +
                    '#mpage-body-modern textarea,' +
                    '#mpage-body-modern select,' +
                    '#mpage-body-modern #text_editor_iframe {' +
                        'color: #333;' +
                  '}' +
                ''
            }).appendTo('head');

        }
    });
}) (jQuery);

Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em 01/11/16, 07:14 pm

Não existe como alterar isso sem utilizar um código Java?

Pois sei que tem um código no meu CSS que está configurando para ficar na cor atual, porém pelo que vi ele está afetando a versão clássica e a versão mobile.
avatar

Lucy Elrich Sinskye
Nível 6

Feminino
Inscrito dia : 03/03/2015
Mensagens : 66
Pontos Ativos : 97

Ver perfil do usuário http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em 01/11/16, 08:04 pm

O problema é que o CSS do fórum normal não é aplicado ao tema (eu acho)*. Você pode tentar adicionar ao seu CSS:

Código:
#mpage-body-modern input,
#mpage-body-modern textarea,
#mpage-body-modern select,
#mpage-body-modern #text_editor_iframe {
  color: #333;
}

* Testei aqui e ele o aplica. Nesse caso o CSS acima deve funcionar. Peço desculpas pelo Javascript desnecessário. >-<"

Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em 01/11/16, 11:56 pm

Teste aqui e não funcionou...
Talvez isso possa ajudar.. O código que tenho para versão clássica que altera isso é o seguinte código:
Código:
input,textarea, select, #text_editor_iframe {
   color : #f0f0f0;
   font: normal 11px Trebuchet MS;
   border-color : #f0f0f0;
   }
input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
   background-color:#383838}
O primeiro altera o texto e o segundo altera o fundo. Qualquer um dos dois que eu consiga alterar na versão mobile já me ajuda, pois do jeito que está realmente é meio impossível postar no fórum usando a versão mobile.
avatar

Lucy Elrich Sinskye
Nível 6

Feminino
Inscrito dia : 03/03/2015
Mensagens : 66
Pontos Ativos : 97

Ver perfil do usuário http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em 02/11/16, 12:16 am

Não consegui encontrar a peça do CSS que passei em seu código. Foi removido?

---

O código que lhe passei tenta fazer pela primeira opção, alterando a cor do texto, apenas colocando uma condição (#mpage-body-modern) a mais para apenas funcionar na versão mobile (para que não haja conflitos com o CSS do tema normal).

Tente adicionar ao fim do seu CSS:

Código:
#mpage-body-modern input,
#mpage-body-modern textarea,
#mpage-body-modern select,
#mpage-body-modern #text_editor_iframe {
  color: #333 !important;
}

Caso não funcionar, mantenha o código aplicado e me avise aqui no tópico para que possa verificar os porquês do problema, tudo bem? ^-^

Contente
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em 02/11/16, 04:45 pm

Acrescentei o código novamente ao fórum, este que você passou por último, porém continua não funcionando =/

Ps.: Dessa vez deixei o código ativado, mesmo que não esteja funcionando.
avatar

Lucy Elrich Sinskye
Nível 6

Feminino
Inscrito dia : 03/03/2015
Mensagens : 66
Pontos Ativos : 97

Ver perfil do usuário http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Kyo Panda em 02/11/16, 05:46 pm

No seu CSS, procure por isso:

Código:
.sonsa:hover{
  background-image:url('http://i.imgur.com/Bo83pRr.png';
  opacity:1;}

Está faltando um ) após uma propriedade, o que causa os códigos CSS abaixo disso não funcionarem (incluso o código que te passei). Apenas adicione um ) após "'http://i.imgur.com/Bo83pRr.png'" e antes de ";":

Código:
.sonsa:hover{
  background-image:url('http://i.imgur.com/Bo83pRr.png');
  opacity:1;}

Contente
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Lucy Elrich Sinskye em 03/11/16, 01:30 pm

Agora deu certo \o/

Muito obrigada @Kyo Panda

Realmente não tinha notado aquele código aberto, no que acho até mesmo que é um código inativo que acabou ficando para trás sem ser removido.
avatar

Lucy Elrich Sinskye
Nível 6

Feminino
Inscrito dia : 03/03/2015
Mensagens : 66
Pontos Ativos : 97

Ver perfil do usuário http://www.rpghogwarts.org

Resolvido Re: Alterar cor de texto na versão mobile

Mensagem por Cream em 03/11/16, 01:40 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum