How to remove the yellow background behind Google AdSense ads

adsense ad yellow backgroundThere are two primary reasons why you might see a yellow background behind Google AdSense advertisements on your website. You might notice the yellow color before and after advertisements load on your website. For one, many WordPress themes automatically have the <ins> tag (also known as the ins attribute) set to yellow in your CSS style sheetThe other reason could be that the <ins> tag is set around a Google advertisement like: <ins>Advertisement Script</ins>. The ins attribute/tag defines additional text to a document and is commonly used to markup updates and modifications made to a website. The yellow hex color used is #fff9c0 or #ff9 depending on your WordPress theme.

How to remove the Google AdSense yellow background

1. Open your style.css file and search for the color: #fff9c0 or #ff9. You can find your CSS style sheet for WordPress websites at this path: Appearance > Editor and you can type Ctrl+F to enable a search field in your browser.

2. If there is a result matching #fff9c0 or #ff9 on your CSS style sheet you will want to change it to your website’s background color (such as #ffffff for white or #000000 for black). You can also delete the color entirely.

Here are a few examples of what the code you’re looking for might look like:

ins {
 background: #fff9c0;
 text-decoration: none;
}
ins, .ins {
background-color: #ff9;
color: #000;
text-decoration: none;
ins { background: #ff9; color: #000; text-decoration: none; }

Sean Doyle

http://Botcrawl.com

Sean Doyle is an engineer from Los Angeles, California. Sean's primary focuses include Internet Security, Web Spam, and Online Marketing.

Comments ( 10 )

  1. Replymark
    this not working on mobile version!!
    • ReplyAuthorSean Davis
      You might have a separate CSS sheet for the mobile version of your website. Your mobile device might also need to be cached. Good luck!
  2. Removing the Yellow Background behind Adsense Ads in Wordpress - idothis.com
    […] then replace it with white or your background color.  Full instructions provided on Botcrawl if you need […]
  3. Replyhoudyk
    I had the same problem with the wordpress 2016 theme. I thought it was a adsense problem, I had before displaying new adds, but after several hours the background (blue, not yellow) remained. It worked out to be the ins background color from the template. Change to #fff solved it.
  4. Removing the Yellow Background behind Adsense Ads (Wordpress) - i do this.
    […] then replace it with white or your background color.  Full instructions provided on Botcrawl if you need […]
  5. ReplyAntonella Pisani
    Thanks Sean! I had just changed one of my sites to a new theme and kept thinking something was wrong with my adsense code. A quick tweak to the CSS file per your suggestion did the trick and it no longer looks like there's a post-it not behind my ads.
  6. ReplyJay
    Thank you very much. In my case, i updated the following line in style.css: from .entry ins { background: #fff486; } to .entry ins { background: #fffff; } and it worked like a charm.
  7. ReplyAnonymous
    Thank you!!!!
  8. Replydamian
    Worked out perfect. Just changed it to #FFFFFF (white). Cheers man.
  9. » AdSense – yellow box SnowCrash
    [...] http://botcrawl.com/how-to-remove-the-yellow-background-before-google-adsense-advertisements-load-on... [...]