Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to hide a background with AdBlock Plus filter

Some websites set a background image to advertise, e.g.

<body style="background-image:url('images/adv.png')">

I'm wondering how I can write an AdBlock Plus filter in order to hide the <body> background.

like image 447
Simone Avatar asked Dec 21 '22 07:12

Simone


2 Answers

If you are not strictly sticking with ABP, you can use Stylish to do it in CSS way. In fact, it is my preferred way to do things like that.

body { background-image: none !important; }

Of course you can just make the ABP filter containing whole URL, this will affect not only background, but I can't think of the reason why not to block the URL entirely.

like image 110
jakub.g Avatar answered Dec 24 '22 14:12

jakub.g


Turns out there's no way to hide a background without hiding the whole element — but you can always block the single image by adding a custom ABP filter.

You can do so by pressing CTRL + Shift + V (open blockable items), and look for the image you want to hide.

like image 24
Simone Avatar answered Dec 24 '22 13:12

Simone