Gele achtergrond verwijderen bij AdSense ads

Het is je misschien opgevallen dat er soms een gele achtergrond verschijnt bij je AdSense advertenties. Dat ziet er zo uit:

Dit kan voorkomen bij zogenaamde “responsieve advertenties”. Deze advertenties passen zich aan aan het beeldscherm van de bezoeker van je website. Als de advertenties niet goed passen, dan wordt de overgebleven ruimte geel ingekleurd.

Dit ziet er op de meeste sites niet mooi uit. Gelukkig kan één regel aan CSS-code dit probleem oplossen.

Schrik niet van het woord code 🙂 je hoeft zelf niks te programmeren. Als je kunt copy-pasten dan kun je dit. Moeilijker wordt het niet.

Oplossing voor WordPress sites

Hebben de AdSense ads op jouw site ook een gele achtergrondkleur en wil je daarvan af? Als je website op WordPress draait kun je daarvoor de volgende stappen volgen:

• Log in op het dashboard van je website
• Ga aan de linkerkant naar Weergave
• Klik vervolgens op Customizer
• Kies voor de optie “Extra CSS”

Aan de linkerkant onderaan kun je extra CSS-code invoeren. Dit invoerscherm ziet er als volgt uit:

Op de blauwe regel vul je de volgende code in:

ins.adsbygoogle { background: transparent !important; }

Deze code kun je letterlijk kopiëren uit dit artikel en in het blauwe balkje op jouw site plakken.

Vervolgens klik je links bovenaan op de blauwe knop Publiceren.

Dat was het!

Geen WordPress?

Draait je website niet op WordPress, dan kun je het probleem van de gele achtergrond achter je AdSense advertenties oplossen door de bovenstaande regel code toe te voegen aan je style.css-bestand.