MISSION_LOG

BACK TO ARCHIVE
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

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