CODEWITHSUNDEEP
htmlcss-selectorsadscustom-listsadblock
Steven
Steven

Reputation: 13769

Custom AdBlock Filter Not Working

Why does the set of Adblock filters below not block the "Turn off your ad blocker" elements on The Weather Channel website?

Note: To display message, open page in a fresh private, incognito, or guest window with an ad blocker enabled.

<div class="sp_veil1516388766878" style="display: block"></div>
<div id="sp_message_id1516388766878" class="sp_message_container1516388766878" style="display: block;">

Filters:

weather.com##div[class^="sp_veil"]
weather.com##div[class^="sp_message_container"]

I expected the ad blocker to remove both elements since the class values start with sp_veil and sp_message_container.

Upvotes: 2

Views: 3124

Answers (1)

Steven
Steven

Reputation: 13769

I finally got the filter working using uBlock Origin (plugin, website). Explanation included in comments.

! Block dark transparent veil and message
weather.com##div[class^="sp_veil"]
weather.com##div[class^="sp_message_container"]

! Enable scrolling (page disables) it for message
weather.com#$#html {overflow-y: visible !important}
weather.com#$#html {height: auto !important}
weather.com#$#html {height: auto !important}

Upvotes: 2

Related Questions