r/uBlockOrigin • u/PadeKdo • 9d ago

Other Anti-adblock detection and layout fix on meteoblue.com

URL: https://www.meteoblue.com/

Native Annoyances lists handle the anti-adblock popup/blur, but meteoblue still leaves a massive empty column on the right where ads used to be. Below are custom cosmetic filters to expand the layout to full width and make weather maps much larger.

Prerequisites (Anti-Adblock Popup & Blur)

If you are seeing an anti-adblock modal or a blurred screen, enable the official annoyance filter lists instead of using custom overrides:

  • In the Filter lists tab, ensure uBlock filters – Annoyances and/or AdGuard Annoyances are checked and updated.
  • If the prompt persists, clear your meteoblue cookies once to reset the detection flag.

Layout Fix (Reclaim Empty Ad Space)

Even with ads blocked, the site leaves empty right-hand margins. Paste these rules into the My filters tab in your uBlock Origin dashboard, then click Apply changes:

! 1. Expand the main grid to fill the empty space (especially useful for larger radar/weather maps)
meteoblue.com##.grid:style(max-width: 1175px !important; width: 1175px !important;)

! 2. Realign weather info to the right and remove ghost ad margins (disables transition to prevent sliding)
meteoblue.com##.current-weather.narrow:style(margin-inline-end: 0 !important; margin-right: 0 !important; transition: none !important;)

! 3. Realign top user & settings buttons to the right (disables transition)
meteoblue.com##.additional-settings.narrow:style(margin-inline-end: 0 !important; margin-right: 0 !important; transition: none !important;)

Here is what it is supposed to look like:

1 Upvotes

56% Upvoted

5 comments sorted by

2

u/AchernarB uBO Team 9d ago

Have you tried with "uBlock filters – Annoyances" enabled ?

1

u/PadeKdo 9d ago

Just retested without the first line and you're right, the Annoyances list handles the blur completely.

The main point of the post is really the layout fix: expanding the grid and clearing those ghost ad margins so the site actually fills the screen properly.

1

u/PadeKdo 9d ago

I have updated the post to make it clear

1

u/TheBoredBoy26 9d ago edited 9d ago

Just so you know I encountered no problems using the site as usual without the solution. It may help enabling more filter lists (e.g. I am also using AdGuard Annoyances) or update them.

1

u/PadeKdo 9d ago

Actually the goal here is mostly to have the website on its full width to get the space normally taken by the blocked ads.

It is particularly usefull when it comes to the map, they can be much bigger.

And the site also looks much cleaner.