A good filter list covers the vast majority of the noise on the web. It does not cover all of it. Sooner or later you will run into a site that slides in a cookie banner from a unique internal path, or a floating chat widget that none of the public filters happen to target, or a sticky header that insists on eating a third of the screen. For those moments, AdBlock Pro ships a visual selector — a point-and-tap tool that lets you remove any element permanently, on that site, without writing a single CSS selector yourself.

Why filter lists miss things

Filter lists are community-curated. Someone has to notice a problem, write a rule, and get it merged. For popular sites with millions of visitors, that happens fast. For a regional newspaper, a niche forum, or a new SaaS onboarding page, it can take weeks — or simply never happen.

There is also the class of annoyances that are not quite ads. Newsletter popups, survey invitations, end-of-article "related" carousels, auto-playing video players that stick to the corner of the page — these are legitimate website features from the publisher's point of view, which is why filter list maintainers are cautious about blocking them by default. If you want them gone, the visual selector is the clean way to do it.

Where the visual selector shines

A few recurring use cases, in rough order of how often users reach for it:

  • Cookie consent banners that refuse to be dismissed without scrolling through six categories of "legitimate interest" switches. The EU-region filter catches most of these, but plenty slip through.
  • Newsletter signup modals that fire after the first paragraph and dim the rest of the article.
  • Sticky headers that shrink the viewport on mobile, especially on Medium-style blogs where the article body only gets half the screen.
  • Floating chat widgets that hover above the bottom-right corner and cover the content you are trying to read.
  • Paywall shims that are cosmetic overlays rather than server-side paywalls — removing the overlay reveals the article underneath.
  • End-of-article carousels pulled from sponsored content networks.

How to use it, step by step

The flow is designed to feel like a native iOS gesture. You do not need to dig through a menu:

  1. Open the Safari share sheet on the page where the element bothers you.
  2. Tap AdBlock Pro, then choose Visual Selector.
  3. The page reloads with a translucent overlay. Long-press the element you want removed.
  4. A preview highlights the selected element and any siblings it shares structure with. Use the up and down arrows if you want to widen or narrow the selection.
  5. Tap Confirm. The element disappears and the rule is saved to your custom rules.

From that point forward, the element is gone on that domain — not just in the current tab, not just for today. Close Safari, reboot the phone, come back a week later; the rule still applies.

How custom rules persist

Every visual-selector action writes a CSS-style rule scoped to the domain you were on. Those rules live inside AdBlock Pro's custom rule list. When Safari asks for the content blocker's compiled rule set — which happens on every filter update or setting change — your custom rules are included.

Because the rules are local and domain-scoped, they do not leak to other sites. A rule you create on one news site will not accidentally hide similar elements elsewhere, even if the CSS class names happen to match.

Make any page look the way you want

The visual selector is one of several power-user tools in AdBlock Pro. Long-press, confirm, done — and the element stays gone.

Download on the App Store

When to use allowlist instead of custom rules

The visual selector is a scalpel. The allowlist is a switch. Knowing which to reach for saves time:

  • Use the visual selector when the rest of the site is fine and you just want one specific element gone — a banner, a widget, a nav block.
  • Use the allowlist when the blocker is breaking an entire site — broken login flow, missing images, layout collapse. Adding the domain to the allowlist turns the blocker off for that site and usually fixes the problem in one step.

A useful habit: if you catch yourself creating four or five visual-selector rules on the same domain in a week, that site is probably fighting the filters. Allowlist it and move on.

Selecting nested elements cleanly

Some overlays are wrapped in several layers of <div> — a container, a backdrop, a modal, a content block. Long-pressing usually picks the innermost element, which may leave a dimmed backdrop behind. When that happens, use the up-arrow in the selection preview to walk up the DOM tree one level at a time. You will see the highlight grow to include more of the overlay. Stop when it captures the whole thing but not the page content behind it.

If the highlight starts eating real content, step back down one level. Five seconds of fine-tuning beats living with a half-blocked banner.

Undoing a removal

Removed something you did not mean to? Open AdBlock Pro, go to Custom Rules, and find the domain. Each rule lists a short preview of the selector, the time it was added, and a delete icon. Tap the icon, reload the page, and the element is back. You can also delete all rules for a domain at once if you want a clean slate on a site you have been tweaking heavily.

A few tips from regular users

  • Reload after creating a rule. Safari needs to reapply the compiled rule set. If the element is still there after a second or two, do a hard reload (long-press the address bar → Reload).
  • Cookie banners that wrap the whole page. If the overlay includes a fixed-position backdrop that dims the page, select the backdrop's parent, not the button you want to tap.
  • Do not try to block paywalls that are enforced server-side. Removing the visual shim is fine for cosmetic walls, but if the article text is not actually in the HTML, no blocker can reveal it.

The philosophy behind the tool

A good ad blocker has to have an escape hatch. Filter lists will always be one step behind the arms race, and every user's definition of "noise" is a little different. The visual selector exists so that you never have to wait for a central list to catch up, and so that the final say on what your browser shows you is yours.