Retirando o fundo amarelo de anúncios do Google no WordPress

Olá pessoal…

Hoje vou mostrar uma dica, de como retirar o fundo amarelo das propagandas do Google Adsense no WordPress.


Muitas das vezes quando instalamos o WordPress e colocamos anúncio do Google, mesmo alterando o layout do Anúncio, ele fica sempre com um fundo, geralmente na cor amarela (código hexadecimal de #fff9c0), e o problema não está na propaganda, mas sim na folha de estilos do tema, pois, o anúncio utiliza geralmente o recurso “ins”, e na folha de tema está declarado essa cor amarela.

Para resolver, abra o Editor do seu tema, e edite seu style.css, localize a tag ins, e veja onde tem o background. Pode excluir essa linha.

Edição do estilo do tema original

Edição do estilo do tema original

Depois basta editar, e inserir a cor que você deseja. Se o corpo das postagens tiver a mesma cor de fundo, você pode adicionar a cor onde estava esse amarelo normalmente, do contrário, será necessário informar, qual é a cor de fundo do anúncio do tema, e dentro de uma postagem (no meu caso, o fundo do site é cinza, e a postagem é branca).

<!--fundo do google ads da página principal-->
.main mark, ins {
	background: #e3e3e3;
	text-decoration: none;
}

<!--fundo do google ads dentro do post-->
.entry-content ins {
	background: #ffffff !important;
	text-decoration: none;
}

Abaixo um print da folha de estilos editada.

Folha de estilos editada

Folha de estilos editada

Referências:
nomadan.org

Bom pessoal, por hoje é só.
Abraços e até a próxima.

About Dan_Atilio

Analista e desenvolvedor de sistemas na TOTVS Oeste Paulista Bauru. Técnico em Informática pelo CTI da Unesp. Graduado em Banco de Dados pela Fatec Bauru. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor do projeto Terminal de Informação, onde são postados tutoriais e notícias envolvendo o mundo da tecnologia.

Deixe uma resposta