Adsense Ads Accent Colors

Hi,

If you are the same person that logged this ticket: https://support.webmandesign.eu/forums/topic/accent-color-borders-when-using-adsense-code/ please reply there to close the issue.

BTW, I can’t see any adsense on the linked post.

Regards,

Oliver

Hi Oliver. I am not the one who posted in the forum board but I am using the same plugin as with 909090.

I provided screenshots to show the vertical lines. Please follow the image links below. Thank you.

https://img.spideylab.com/2015/07/receptaradsense.jpg
https://img.spideylab.com/2015/07/receptaradsense1.jpg

Hi,

In that case, please post a reply to the forum I’ve mentioned. It is the same issue and it make no sense to repeat the resolution for the issue on both pages.

I’m closing this one in favor for the theme support forum.

Also, please note that I will need live preview of the plugin. Screenshots will not help me as I can not check the HTML markup there.

Thanks.

Regards,

Oliver

Hi again,

This CSS should help you:

.adsbygoogle {
 box-shadow: none;
}

Regards,

Oliver

The Custom CSS doesn’t help. The lines still show.

—> https://support.webmandesign.eu/forums/topic/accent-color-borders-when-using-adsense-code/

Hi,

But it seems like you haven’t applied the CSS. If you are using any server caching solution, please flush the server cache for your custom CSS to apply.

If it still doesn’t work, you can use higher CSS selector specificity like .site .adsbygoogle { box-shadow: none; }.

Regards,

Oliver

Hi. I am using Cloudflare and Autoptimize plugin and had purged/empty the cache many times but still it doesn’t work. The lines still show even when the browser cache and history were cleared. There are no other caching plugin installed in my setup.

Am I doing it right? I have these lines in Edit CSS/Custom CSS:

.site .adsbygoogle {
	box-shadow: none;
}

.adsbygoogle {
	box-shadow: none;
}

Hi,

What do you mean “in Edit CSS/Custom CSS”. You should apply the custom CSS according to https://support.webmandesign.eu/forums/topic/css/

I suggest you disable all the caching for the time you are customizing the website/theme. You should really enable all the caches after you are done with customizations.

I can also see something very strange on your website. You have a huge inline CSS styles in the very top of HTML head. This is not desirable and I’m not sure how you’ve managed to put the code there, whether this was done with your caching solution or not, but this is not really a good approach.

Now, after flushing cache, I can see the custom CSS have been applied. So, you don’t really need to use .site .adsbygoogle part of the code. I’ve checked the code again and Google Adsense actually inserts several <ins> HTML tags (which has the box shadow applied by theme styles by default). So, please, use this updated custom CSS:

.adsbygoogle,
.adsbygoogle ins {
 -webkit-box-shadow: none;
         box-shadow: none;
}

Regards,

Oliver

What do you mean “in Edit CSS/Custom CSS”. You should apply the custom CSS according to https://support.webmandesign.eu/forums/topic/css/

Edit CSS is the menu added by Jetpack (Custom CSS/CSS Stylesheet Editor).

Regarding the inline CSS you see, it was done by the Autoptimize plugin as my old theme do encounter problem when it was not activated. You may check it again now as I already deactivated it.

The vertical lines were gone even without purging Cloudflare cache by using this custom CSS code:

.adsbygoogle,
.adsbygoogle ins {
 -webkit-box-shadow: none;
         box-shadow: none;
}

Many thanks Oliver. ??

hiya there;
I’m autoptimizes developer. Just chiming in to let you know you can exclude that block of CSS from optimization by adding .adsbygoogle to the comma-seperated list of CSS-exclusions.

have a nice weekend,
frank

Hi Frank,

Thanks for letting us know!

Regards,

Oliver