1Blocker will be helpful if you come across a web element that you want to hide. It can be an image, a banner, or a pop-up. There are two ways of hiding elements in 1Blocker:
using the visual editor tool, which is available via our Safari extensions on iOS and macOS;
using the "Hide elements" category in the app itself where you can target web elements by specifying their names.
The visual editor generates the rules automatically. There's no special knowledge required, so we recommend using it when possible. Learn more: Hiding elements using Visual editor
However, if you are interested in more advanced blocking possibilities, already worked with CSS Selectors, or want to learn more about them, you will find useful this article: Using CSS selectors to hide elements
How to create custom rules to hide elements?
On iOS:
Launch 1Blocker;
Go to Safari > Custom > Hide Elements;
Tap the arrow in the upper-right corner and choose "New Rule";
Put your rule's name (optional) and specify the CSS selector of your target element;
Choose whether to apply it to all sites or only specific ones;
Tap "Save".
On macOS:
Launch 1Blocker;
Go to Custom > Hide Elements;
Press the "New Rule" button in the lower-right corner;
Put your rule's name (optional) and specify the CSS selector of your target element;
Choose whether to apply it to all sites or only specific ones;
Tap "Save".