How to Remove Yellow Border Around AdSense Ads (2026)

Seeing a yellow border around AdSense ads on your site? It usually shows up when Google serves a smaller ad inside a bigger ad slot, and your WordPress theme paints the empty space yellow. We first spotted it on the Twenty Thirteen theme in 2013, and it still happens on sites using that theme or child themes based on it. Here’s why it happens and how to remove the yellow background with one line of CSS.

Quick answer: AdSense places every ad inside an <ins class="adsbygoogle"> tag. Some themes, including Twenty Thirteen, style all ins tags with a yellow background (#fff9c0). When a smaller ad fills a larger slot, that yellow shows around it. Fix it by adding ins.adsbygoogle { background: transparent; } to your theme’s Additional CSS.

Why is there a yellow border around AdSense ads?

AdSense can show a smaller ad in a larger slot when it expects that ad to earn more, for example a 300×250 ad inside a 336×280 ad unit. The leftover space should be blank, but it takes the background colour of the ad’s container.

Every AdSense ad code, including the asynchronous ad code used today, wraps the ad in an ins element:

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890"
     data-ad-slot="1234567890"
     data-ad-format="auto"></ins>

The HTML ins tag normally marks “inserted text”, so some themes highlight it. Twenty Thirteen’s stylesheet includes:

ins {
	background: #fff9c0;
	text-decoration: none;
}

That pale yellow (#fff9c0) is what you see around the ad.

How to remove the yellow border around AdSense ads

1. In WordPress, go to Appearance > Customize > Additional CSS. (On block themes, use Appearance > Editor > Styles > Additional CSS.)
2. Add this CSS:

   ins.adsbygoogle {
   	background: transparent;
   }

3. Click Publish, then clear your caching plugin and CDN cache.
4. Reload the page. The yellow area is gone.

Targeting ins.adsbygoogle instead of every ins tag keeps the highlight working for real “inserted text” elsewhere on your site. If your page background isn’t white and you prefer a solid colour, use your background colour instead of transparent.

Hide empty AdSense slots too

Sometimes there’s no ad at all, and you see a blank or coloured box. AdSense marks these slots with data-ad-status="unfilled", so you can hide them with:

ins.adsbygoogle[data-ad-status="unfilled"] {
	display: none !important;
}

We explain this official method in detail in how to hide unfilled AdSense ad spaces.

Other causes of coloured boxes around ads

• Theme or plugin ad wrappers: ad plugins often add a div with padding or a background. Inspect the ad (right-click > Inspect) and check which element has the colour.
• Auto ads placements: with AdSense Auto ads, Google adds its own containers; style them with the same ins.adsbygoogle rule.
• Dark mode: if your site has a dark theme, a white ad background can look like a border. Set the ad background to match your page.

Don’t change the ad itself, add borders that look like part of the ad, or place images to frame it. Google’s AdSense Program policies don’t allow modifying ad code or styling that could mislead users, but changing the background of the empty space around an ad is fine.

Frequently asked questions

Is it allowed to change the background of AdSense ads?

Yes, you can change the background of the container or empty space around the ad. You can’t edit the ad’s own code or content.

Does the yellow border reduce AdSense earnings?

It can. A bright box draws attention to the ad’s size and makes the page look unfinished, which can lower clicks.

Which themes add a yellow background to ads?

Twenty Thirteen and themes built on it are the best-known examples, but any theme that styles the ins tag can do it.

Why don’t I see the yellow border every time?

It only appears when AdSense shows an ad smaller than the slot, so it comes and goes from page to page.