Ignored Selectors are a helpful Tasty Pins feature that let you hide the pin button on certain images or sections of your site. This is perfect for areas like logos, headers, or small decorative images that you don’t want readers to pin.
Here’s how it works:
Identify the Element
Use your browser’s Inspect Tool (right-click → Inspect) to find the CSS class or ID of the image or section you want to exclude. For example, your header image might have a class like .header-image or an ID like #logo.
Tip: Many themes use the HTML class header for the top section of the site. You can simply add header as an ignored selector to exclude all images in the header without having to target them individually.
Add the Selector in Tasty Pins
From the WordPress Admin, go to:
WP Tasty → Tasty Pins → Pin Buttons → Behavior and paste it in the Ignored Selectors section:
Here you can enter the class or ID for the images or sections you want to exclude. Examples:
Save Your Changes
After adding your selectors, don’t forget to save. Then refresh your site and check the excluded areas—pin buttons should no longer appear there.
Tips & Best Practices
- Be specific: Target the exact element you want to hide to avoid accidentally hiding pin buttons on other images.
- Test on mobile: Layouts can change on mobile, so make sure your ignored selectors are working across all devices.
- Use classes when possible: They’re easier to reuse on multiple pages or elements.
Common Use Cases
- Header Images: Keep logos or banners free from pin buttons.
- Decorative Images: Prevent pinning on small icons or badges.
- Footers & CTAs: Exclude footer graphics or call-to-action images.
Using ignored selectors is a simple way to clean up your site and give readers a better experience, while still letting them pin the content that matters most.