Eliminating Background Color Appearing Around Google Adsense Ads.
Published on October 8, 2017
Published on Wealthy Affiliate — a platform for building real online businesses with modern training and AI.
After getting approved for Google Adsense, I started adding ads on my site.
But, when the ads started appearing I was astonished to see that the ads were not fitting, fully into the banners selected, and even responsive ad banners did not fit.
Then I started researching on the internet and YouTube tutorials. I found out we have to modify “ins. tag” in the theme editor- style css.
Ready to put this into action?
Start your free journey today — no credit card required.
But I could not find the “ins tag “ in my child theme's- style css.
Finally, I decided to get support from the WA site support.
Unfortunately, they were only able to edit the Google add size fitting to the banner, and the background was still visible.
Finally I found out we have to paste the following code in Additional css :-
Paste the code, “ ins.adsbygoogle { background: transparent !important; } “
in the Dashboard->Appearance->Customize-> Additional CSS.
Finally, the background color around the ads disappeared. It took one and a half day effort to resolve this issue. I am sharing this because it may help anyone facing the same issue.
Share this insight
This conversation is happening inside the community.
Join free to continue it.The Internet Changed. Now It Is Time to Build Differently.
If this article resonated, the next step is learning how to apply it. Inside Wealthy Affiliate, we break this down into practical steps you can use to build a real online business.
No credit card. Instant access.