How to Remove Yellow Background from Adsense Ads

How to Remove Yellow Background from Adsense Ads: Google Adsense is one of the most reputed Ads network of today’s era. It has always been on the top and people literally work extremely hard to get an Adsense approval. Google Adsense gives the highest returns as compared to other available Ad networks. We all know how hard it is to get an Adsense approval. But if we have got the approval, we should make good use of it and should not take it for granted. Now that you have the Adsense, make sure you are putting the right Ads at the right place. Make sure your Ads are clean and not harming the user experience in any way.

I recently came across one such issue where the Ads were not clean and I was just feeling bad looking at them. A yellow background was occasionally appearing on the Ads if the Ads were smaller than the allocated space. This yellow background was catching the eyes and the entire user experience was simply not good. As you can see from the screenshot below, the yellow background is looking so clumsy.

Remove Yellow Background from Adsense Ads

Ad Screenshot with Yellow Background (Before Applying Fix)

So, I decided to inspect the Ad elements to remove yellow background from Adsense Ads. After spending few minutes on this issue, I was able to remove yellow background from Adsense Ads. So, I thought of sharing the simple steps by which you can get rid of the unwanted background.

 

What Causes the Yellow Background in Adsense Ads?

Is it the Adsense Ads or my website which is causing the Yellow Background? Well, neither your website nor the Ads are culprit. It is your WordPress theme which is causing this yellowish background. Ads are simply placed under <ins> tag of your website and this tag is usually assigned a yellow background. Since this tag is not used much, many theme developers just ignore it. If you are not familiar with this tag, you need not worry at all. Within 5 minutes from now, you will be able to remove Yellow background from Adsense Ads. So, stay tuned.

How to  Remove Yellow Background from Adsense Ads

In this section, you will get all you need to remove yellow background from Adsense Ads. Please make sure you follow the steps carefully to get this thing done. Are you all set? Let’s get started then.

Method 1: Remove Yellow Background through Additional CSS

I personally prefer this method because it doesn’t require any extra resources such as extra plugin and all. There are many advantages of this method such as:

  1. It is a one time activity.
  2. It would hardly take 3-5 minutes.
  3. This would apply to all the Ads placed on your website.
  4. You don’t need to remove yellow background from each ad one by one.

Now that we know how good this method is, let us start implementing this method. Please follow the steps given below to remove yellow background from Adsense Ads through Additional CSS:

  • First of all, login to your WordPress Admin panel.

Remove Yellow Background from Adsense Ads

  • Now navigate to Appearance > Customize option.

Remove Yellow Background from Adsense Ads

  • This will bring your theme customization panel on the left. This menu may be different for different users. But all the users will have an option of Additional CSS here. So, just tap on it.

Remove Yellow Background from Adsense Ads

  • This will open an editor where we need to place a short code. Simply copy and paste the code given below in this editor.

ins.adsbygoogle {
background:transparent !important;
}

  • Now click on the Publish button.

Remove Yellow Background from Adsense Ads

  • As soon as you hit the publish button, you will observe that the yellow background has been diminished and you have a clear good looking Ad now.
Remove Yellow Background from Adsense Ads

Ad Screenshot without Yellow Background (After Applying Fix)

That’s all. you have successfully removed the yellow background from Google Adsense Ads. As you can see from the screenshot below, I do not have any Yellow background now.

Method 2: Change Plugin Settings

You might be using a Plugin to place your Adsense Ads on your website. Few of these plugins are now providing a way to change the background of your Adsense Ads. However, not every plugin provide this option. Plugins such as Advanced Ads have an option where you can set the background to transparent. If your plugin have this option, well and good. But if your plugin does not provide such support or you are not at all using a plugin to place Ads, then you will have to follow the first method only to remove yellow background from Adsense Ads.

That is all what we have for now. Hope you liked this article on How to remove yellow background from Adsense Ads and you were able to get this done easily. In case of any issues or concerns, feel free to reach out to us via comments section that has been placed right below this post. You can also directly reach out to us through our Contact Us page. We would try to resolve any of your query at the earliest.

 

Leave a Reply