Alterar cor de background de incorporação

Em minha última postagem, usei dois itens incorporados a página, um deles foi o player do SoundCloud e o outro foi a letra da música que foi incorporada da página Genius. Porém, ao incorporar a letra, o background era branco, que obviamente não combina com o fundo atual do blog, quebrei um pouco a cabeça para localizar qual elemento deveria ser modificado. Próximo passo foi alterar o elemento conforme a necessidade. Neste exemplo, o elemento que deveria ser alterado era

.rg_embed{
background-color:#fff
}

Após alterado, ficou assim:

.rg_embed{
background-color:#282A36
}

Porém, somente com isto não funcionou, conforme já era esperado, então fiz algumas alterações e ficou assim:

<STYLE type="text/css">
.rg_embed{
background-color:#282A36
}
</STYLE>

Colocando este fragmento de código imediatamente após o código de incorporação, ele sobrepõe o código original e atende a minha requisição.

Alguns detalhes, para encontrar o fragmento de código que deveria ser alterado, usei a ferramenta do navegador para inspeção de elementos. É um processo trabalhoso e que seu sem experiência em CSS demorei um bocado para achar a folha de estilo correta, e depois mais um tempo para achar o elemento que deveria ser alterado foi outro parto. Mas deu certo e agora posso fazer mais posts neste formato.

Leave a Reply

Your email address will not be published. Required fields are marked *