Have you noticed a yellow border box around Adsense Ads? What do I do to remove the yellow box (border) that is visible after Adsense Ads begin to appear? That is obvious questions for newbies.
- If you are getting only yellow boxes and no ads means your Adsense application is not fully approved or it will take a few more days to complete the procedure.
- If you are getting yellow border with ads then you should read this post.
Why it happens?
Logical Reason: – Google Adsense algorithm decides which ad to display where based on its revenue calculation. It is possible that 90% of your space will be shown as yellow if it think that small ads can perform better there. After all what Adsense matters are revenue irrespective of banner size.
Coding Reason:- Your ad code looks like this
And your theme css code has following line of code:-
CSS added for
background: #fff9c0. This is the sole reason for white backgrounds. Do not change this, Rather add few more lines to your CSS as stated below.
How to Remove Yellow border for Adsense Ads ?
- Go to Admin Page of Website-> Appearance -> Editor -> Stylesheet(style.css)
- Add below code in css.
- Save style.css
- Reload post and yellow border gets disappeared.
What it does?
We basically add a white background (#FFF) here and style the class .adsbygoogle rather than the ins tags which might actually need that yellow background color somewhere. You can change the background to whatever color your background is.
Now your Ads looks like
Hope it solve your problem. Comment if still have any issue and subscribe us.
More post related to wordpress