chriskyfung / amp-affiliately-jekyll-theme

An AMP-Ready Jekyll Blog Theme
https://chriskyfung.github.io/amp-affiliately-jekyll-theme/
MIT License
19 stars 12 forks source link

🎨 Hide Disqus ads with CSS #46

Closed chriskyfung closed 9 months ago

chriskyfung commented 10 months ago

Description

We are using Disqus to power the comment system for our AMP-based Jekyll theme. However, Disqus is showing unwanted ads on our website that we do not have control over. We want to hide these ads with CSS.

Steps to reproduce

  1. Visit any page with Disqus comments on our website.
  2. Scroll down to the comment section and observe the ads.

Expected behavior

We expect to see only the comments and no ads.

Actual behavior

We see ads above and below the comments.

Possible solution

We can hide the ads iframes with CSS by using the following selector:

iframe[src*="ads-iframe"] {
  display: none;
}

Tasks