TRANSMISSION_ID: 2025-04-24-how-to-hide-a-specific-image-using-css-code
How to hide a specific image using CSS code
DATE: 2025-04-24 23:01:41
STATUS: PUBLISHED
AUTHOR: illphated

hide this image

✅ Option 1: Hide by src (recommended if it's unique) css Copy Edit img[src*="cropped-illphated_logo-1.png"] { display: none; } ✅ Option 2: Hide by class If that image is the only one with this exact combination of classes:
css Copy Edit img.wp-post-image.lazy-loaded { display: none; } ✅ Option 3: Hide by specific size css Copy Edit img[width="512"][height="512"] { display: none; } ✅ Option 4: Hide by alt (if you set one) css Copy Edit img[alt="Your Alt Text Here"] { display: none; } Where to put this? Inside your theme’s style.css
Or in WordPress Admin → Appearance → Customize → Additional CSS
END OF TRANSMISSION // ILLPHATED.COM