adblock remove css rule/class without blocking it

Anything that has something to do with a computer is welcome here.

adblock remove css rule/class without blocking it

New postby 3ICE on Mon Nov 05, 2018 8:16 am

I'm fighting body class="modal-open" which kills scrolling by applying overflow:hidden to the whole page.

Adblock styling filters are written like so:
Code: Select all
<domain.tld> + #$# + <CSS selector> + { <CSS style> }
3ice.hu#$#a{color:red}


I found this on StackOverflowJust avoid putting a space between the selector and the opening brace. Because it can give you some trouble.
Here is an example of a CSS rule that changes Twitter background:
Code: Select all
twitter.com#$#body.logged-in{ background-color: #ffcc00 !important; }


If that's not working for you, here is another way to change an element's style:
Code: Select all
example.com##h1:style(background-color: blue !important)
Make sure not to use curly brackets.

I use uBlock Origin, and both answers work for me.

Here are two examples of the two potential style fixers I can use on the bad website:
Code: Select all
penny.hu##body:style(overflow:auto !important)
penny.hu#$#body.modal-open{ overflow:scroll !important; }
I chose to use the second one, actually.
ImageImageImageImageImage
Image
ImageImage
User avatar
3ICE
Admin
 
Posts: 2362
Joined: Sat Mar 01, 2008 11:34 pm
Location: Hungary
Realm: US East
Account: 3ICE
Clan: 3ICE

Return to Everything Else



Who is online

Users browsing this forum: No registered users and 7 guests

cron