Eliminate the yellow background from your adsence ads ( WordPress users ).
This tutorial will help you successfully remove the yellow box or background that appears under the Google adsense adverts on your wordpress blog.
The process is simplified below.
- WordPress admin panel (Login )
- Appearance
- Customize
- Paste the code ( see it below )
Are you new to adsense or did you just implemented the responsive Google Adsense code into your website or blog & notice that some ad formats introduces an unwanted yellow background to fill the area that is not covered by the ad?
We have a simple solution to that.
- Login to your wordpress ADMIN dashboard.
- On the side Menu ( under dashboard ), select APPEARANCE
- Click on CUSTOMIZE
- A sidebar will now appear. Somewhere near the bottom, there will be a menu item called “Additional CSS”. Clicking on that will produce a large edit box for you to insert custom CSS code. Paste the following code into it:
ins.adsbygoogle { background: transparent !important; }
The “!important” syntax tells the site to override the original CSS by Google. This will make the yellow background disappear. Good luck!
HOW TO REMOVE THE ADSENSE YELLOW BACKGROUND FROM NON-WORDPRESS WEBSITE.
If your website is not powered by WordPress, you can simply remove the yellow box from you google ads when you insert this code ( ins.adsbygoogle { background: transparent !important; } )into your html page’s header within <style> tags.
Cheers.