Mudar cor fundo/escrita - widget facebook

Qual é minha questão:
Pessoal, criei um Widget pessoal direcionando pra página do Facebook, o problema é que o fundo do fórum é cinza escuro, e algumas escritas do Widget também (como por exemplo: 2000 pessoas curtiram isso), dificultando a leitura. Queria saber se tem como mudar apenas as letras, ou ao menos o fundo desse Widget pro pessoal conseguir ler sem problemas, alguém tem um tutorial? Pesquisei mas não consegui resolver esse problema de nenhum jeito.

Endereço do meu fórum:
http://boostmotors.forumeiros.com/

Versão do fórum:
PHPBB3

Foto do problema caso alguém não tenha entendido:



Abraços!

Poderia me fornecer o codigo do widget?

Evidaaηc escreveu:Poderia me fornecer o codigo do widget?

Essa seria a fonte?

Se for sim, é esse:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></div>

Up!

Up galera! Help

Olá

Adicione este código css e vê se resulta ;

Código:

class="userContent" {
background-color: #FFFFFF;
}

Até mais

Coloquei na Fonte do Widget e não funcionou, é em outro local?

Abraços!

Olá

Na sua folha de estilo css...

Painel de controle Visualizações Imagens e cores Cores Folha de estilo css

Até mais

Infelizmente não funcionou, to achando que é problema com o facebook em si, porque é um plugin =/

Já até tentei mudar na folha estilo CSS o fundo de widgets, fóruns e etc lá, mas não muda absolutamente nada, saco..

Olá

Troque o código dado por mim por este :

Código:

class="userContent" {
color: #ffffff;
}

Até mais

Saudações!

Troque o código por este

Código:

<div id="fb-root"></div>
<fonte color"white"><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></fonte></div>

Até

Não foi brother =/

Plugin chato kkk

Olá,
Adicione o seguinte código, juntamente com o código do Widget Facebook:

Código:

<style type="text/css">.uiStreamRedesign .uiStreamMessage .messageBody {color: #FFF!important;}</style>

Até mais.

Também não funciona BrunoH., esse plugin é chato demais, tentei de toda forma no código e não muda nada =/

Se ajudar, meu código atual ta assim:

Código:


<div id="fb-root"></div>
<fonte color"white"><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></fonte></div>

Abraços!

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

.uiStreamRedesign .uiStreamMessage .messageBody {color: #FFF!important;}

e Valide!

E por favor, deixe o código CSS ativo em sua Folha. Para que eu possa verificar qual seria o problema.

Até mais.

Nada também, adicionei, validei, e não funcionou =/

Abraços!

Olá!

Utilize este:

Código:

.fb-like-box.fb_iframe_widget{color:#fff !important;}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Nada também seender, adicionei na Folha estilo CSS e não mudou nada =/

Será que não é algum problema no código do widget que eu informei ali em cima?

Abraços!

Olá!

Troque o código por este:

Código:

        <div id="fb-root"></div>
        <font color"white"><script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></font></div>

Até mais!

Ix, com esse código o widgtet não funciona, fica só o título dele normal e no conteúdo fica em branco =/

UP!

OBS: Retornei pro código que tava pro widget voltar a funcionar

Abraços!

UP! Help!

Olá!

Então troque por este:

Código:

        <div id="fb-root"></div>
<script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=595683313782033";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-href="https://www.facebook.com/BoostMotors" data-width="540" data-show-faces="true" data-stream="true" data-header="true"></div>

Até mais!

Também não foi seender, continua a mesma coisa =/

Será que não tem como mudar essa zica..? kkkkk

Olá!

Não entendo o que deseja então, poderia postar uma imagem mais explicativa? até agora não entendi.

Até mais!

Pra já brother!

Quero deixar as partes que eu marquei ali, com a escrita branca ou se não tiver jeito disso, o fundo desse widget todo mais claro pra conseguirem ler as partes sem dificuldade, segue a foto:



Abraços e valeu!

UP!

Saudações!

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha De Estilo CSS

Código:

class="userContent" {
color: #FFFFFF !Important;
}

Valide.

Até mais.

Não funcionou Mikéé =/

Continua igualzinho essa bomba kkkk

Abraços!

Olá,
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

.uiStreamRedesign .uiStreamMessage .messageBody,.userContent {color: #fff!important;}

e Valide!

Até mais.

Continua igual =/

Será que não tem como mudar pelo menos a cor do fundo desse widget? To achando que é meio impossível mudar só a cor da escrita... Mudar a cor do fundo dele já resolveria também.

Abraços!

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

.uiStreamRedesign .uiStreamMessage .messageBody {
    color: white !important;
}
._4s7c {
    color: white !important;
}
.fwb {
    color: black !important;
}

Até

Nenhuma diferença também Quakeeline =(

Abraços!

Olá,

Tente este:

Código:

body.plugin.webkit .fsl.fwb {color: initial;}
body.plugin.webkit {color: #FFF;}
.uiStreamRedesign .uiStreamMessage .messageBody {color: #FFF !important;}

Até mais.

Adicionei na CSS também e nada, [F]lames =/

Será que em vez de mudar a cor das letrinhas não da pra mudar só a cor do fundo desse widget?!

Abraços!

Olá,

Ok, vamos tentar mudar o fundo. Utilize este CSS:

Código:

body.plugin {
background: #FFFFFF !important;
}

Resulta ?

Até mais.

Também não, [F]lames =/

Abraços!

Olá,

Tente este:

Código:

.fb_iframe_widget {
background: #FFF !important;
}

Resulta ?

Até mais.

Funcinooou!!

Finalmente kkkkkk

MUITO obrigado [F]lames! E à todos que tentaram me ajudar também, sei que não foi nem um pouco fácil kkkkk

Valeu mesmo,

Abraçosss!